Data Table Advanced 1 component design & features
This data table uses TanStack expanded row state with chevron controls in the first column. Parent project rows expand to list child tasks inline, using getExpandedRowModel so nested rows share the same table chrome as top-level records.
Expandable rows work well for project trackers, order line items, and folder trees where one summary row owns detail records. They keep hierarchy visible without navigating to a separate detail page.