Grid Group Row

ProNew

The header row of a group: a disclosure button with the group value, row count and per-group aggregates, indented by depth.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Use it as the content of a full-width row when grouping rows by a column. GridGroupedView already uses it.


pnpm dlx shadcn@latest add @tealmac-pro/grid-group-row

Prop	Type	Description
`node`	`GroupNode<T>`	The group: key, depth, rows.
`expanded`	`boolean`	Whether the group is open.
`onToggle`	`() => void`	Open or close.
`columns / aggregates`	`GridColumn<T>[] / Record<string, AggregateFn>`	Per-group figures shown at the end.
`groupLabel`	`string`	Name of the grouped column for the accessible label.

A button with aria-expanded, named with the group, its column and its row count.
Depth is shown by indent and is not the only cue: the chevron rotates and the label repeats the count.