Detail Panel Example

A Shadcn Table example show how use use expandable rows to show additional information about a row.

Shadcn Table has multiple types of "expanding" row features. In its simplest form, you can use the renderDetailPanel option to render a component when a row is clicked. This is useful for showing additional information about a row, such as a list of nested data. Learn more in the Detail Panel Feature Guide.

Select example

Loading example

View Extra Storybook Examples

Aggregation and Grouping Example

A Shadcn Table example demonstrating aggregation and grouping. See how you can group rows by a column and aggregate the values of other columns.

Chart Detail Panel Example

A Shadcn Table example demonstrating how to use Recharts with the Detail Panel feature.