API REFERENCE
detailCellRenderer
Builds detail content using the text, html, or vnode contract. Takes precedence over declarative nested Grids.
What does this API do?
Builds detail content using the text, html, or vnode contract. Takes precedence over declarative nested Grids.
API for Pro features: Built-in master / detail
Exact input and result types
detailCellRenderer: (params: { row: Record<string, unknown>; rowId: string | number }) => CellRenderOutput| Item | Value |
|---|---|
| JavaScript name | detailCellRenderer |
| HTML attribute | detail-cell-renderer |
| Default | undefined |
| Input type | (params: { row: Record<string, unknown>; rowId: string | number }) => CellRenderOutput |
Usage flow
Set this on a property of the Grid element. Pass arrays, objects, and callbacks through JavaScript, and use new arrays or objects when applying changes.
Read related types
Feature explanations and examples
- Row details
Master/detail expands an order to show its line items or shipping history. The parent row is a summary, and a full-width panel beneath it holds details.