Details Row

The KendoReact Server Grid component supports the rendering of a details row for each data item. This feature allows you to display additional information about a particular data item in a separate row below the data item.

KendoReact Server Components are in an experimental phase and are not intended for production use. APIs may change without introducing a breaking change. Please refer to the Umbrella GitHub issue for general feedback, bug reports, and more information.

The following example demonstrates how to render a details row with dynamic data-fetching and client-side expand state by:

  1. Passing a custom DetailsRow and DetailsCell to the Grid component.
  2. Using the useGridDataItemState hook to conditionally render the details row.
  3. Using the GridDataCellExpandable component template to render an expand cell.
Example
View Source
Change Theme: