Introduction Installation Customization
Basic Usage Advanced Usage Cell Expansion Cell Renderer Cell Spanning Custom Column Header Custom Row Group Error Handling Custom Filter Editor Dynamic Styling Vertical Scroll Virtual Scroll Filter Examples Full Border Persist States Localisation Inline Editing Global Search Custom Pagination Icons
Date Column DateTime Column Map Column Tick Column Computed Column Custom Column Multiline Column Grouped Column
API References
ngx-panemu-table / Interface

RowGroupComponent

The default component that renders RowGroup is DefaultRowGroupRenderer. If you want to only customize the content part and keep the expand button as is, consider using DefaultRowGroupRenderer.create() static method. It also has a flag to hide the pagination.

To create a custom renderer, create a component extending this interface. The template should be one or more td elements. The host css display property must be set to contents.

:host {
    display: contents;
  }

Properties

NameTypeDescription
colSpan
number

It stores the number of visible columns that can be used to span the td element horizontally.

expandAction
(group: RowGroup, usePagination?: boolean | undefined) => void

This is a callback to propagate user click to PanemuTableComponent that will expand the row and eventually trigger the datasource to get the row group children data.

parameter
any
rowGroup
RowGroup

This is the RowGroup object. Access the RowGroup.data property to get the data provided by the table datasource.