Detail RowsPremium
The detail rows of the Grid enable you to provide additional details about a particular row of table data through expanding or collapsing its content.
Start Free Trial
To define the detail rows, set the detail property of the Grid to a custom function inherited from GridDetailRow. The detailExpand prop is responsible for the expand state of the rows and expects and object of type DetailExpandDescriptor is you prefer to use the expand state in controlled mode.
Change Theme
Theme
Loading ...
Detail Rows Reordering
You can also combine the combine the Detail rows feature of the Grid with its built-in reordering functionality.
Below is a demo showcasing this functionality in action.
Change Theme
Theme
Loading ...