Multi-Column HeadersPremium
The KendoReact Data Grid supports multi-column headers.
Start Free Trial
To implement multi-column headers, either:
- Nest columns in the columns definition, or
- Define an array of column props as children of the particular column.
Change Theme
Theme
Loading ...
Expand/Collapse Multi-Column HeadersPremium
Expanding and collapsing column headers can be achieved by using a custom header cell that dynamically renders its children based on a state variable. In the example below, the cells prop of the Column is used to pass a custom headerCell that manages the state of the header column. The child columns are dynamically expanding and collapsing based on the state of the header cell.
Change Theme
Theme
Loading ...