Customizing the Hierarchy Cells

Premium

The cells hierarchy property provides the option to customize group header, group footer, and data cells of the detail component.

In the following example, custom cells are rendered for both standard groupings and hierarchical data within the Grid. The group header and group footer use MyHeaderCustomCell and MyFooterCustomCell, respectively, for grouped columns. Additionally, hierarchical data utilizes HierarchyMyHeaderCustomCell for group header, HierarchyMyDataCustomCell for data, and HierarchyMyFooterCustomCell for group footer.

Change Theme

Theme

Loading ...

KendoReact Data Grid Custom Cells APIs

• Grid Cells Prop
• GridColumn Cells Prop
• API Reference of the GridCellsSettings

Suggested Links

• React Data Grid
• React Data Grid High-Level Overview
• Custom Cells Overview