Accordion Table 3 - Table with Sub-rows

Pro

Table-style accordion where each parent row expands to show indented child rows.
Shadcn Accordion Table 3 component

Component data

ID
accordion/accordion-table-3
Access
pro
Created
Oct 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Accordion Table 3 component design & features

Projects are rows with owner and hours columns. Opening a project reveals its tasks on the same grid, indented under a small connector line.

Sub-rows fit project, budget and inventory lists where totals break down into parts.