Configure row expansion for hierarchical subrows and custom detail panels in TanStack Table.
npx skills add https://github.com/TanStack/table --skill expanding
Please help me install this Agent Skill. Skill: expanding Source: https://github.com/TanStack/table/tree/main/packages/table-core/skills/expanding Command: npx skills add https://github.com/TanStack/table --skill expanding
Row expansion state changes but no UI appears, or nested data fails to render because TanStack Table is headless and does not infer subrow structure or render detail panels automatically.
Set up row expansion in my TanStack Table by adding rowExpandingFeature with a getSubRows accessor for my nested data and render a detail panel when a row is expanded.
High-intent search queries and answers about installing and using this skill.
Register rowExpandingFeature with createExpandedRowModel and provide a getSubRows accessor that returns each row's children. Nested object structure is not inferred automatically, so omitting getSubRows leaves subrows hidden.
Set getRowCanExpand to return true, then check row.getIsExpanded() in your render logic and render your own detail row or panel. TanStack Table is headless, so toggling expansion state alone renders no markup.
The table only tracks expansion state; it cannot render detail panels for you. You must conditionally render your detail UI when row.getIsExpanded() is true, and ensure getSubRows is defined for hierarchical data.
It controls whether expansion happens before or after pagination. Setting it to false keeps descendant rows with their parent across pages; it does not make page size count only leaf rows.
Yes, use manualExpanding to take control of expansion state and handle expanded row models yourself, which suits server-side data fetching scenarios where subrows load on demand.
sncollectiveDevelops Blazor Server & WebAssembly apps with C#.
TanStackConfigure row expansion and collapsing in TanStack Table with expandedRowModel.
TanStackPin user-specified rows to top or bottom regions in TanStack Table.
Umbral-BotDesign, build, and debug Microsoft Power Automate cloud and desktop flows.
