Skills
.Work. You
Rest

row-expanding

Official

Expand rows with tree and detail panels

Software Engineering#tanstack-table#row expansion#tree data#detail panels#pagination integration#filtering interaction
AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you add reliable row expansion to TanStack Table so users can drill into hierarchical sub-rows or reveal per-row detail panels without losing control over markup and behavior.

Core Features & Use Cases

  • Tree sub-rows via expandedRowModel: Support nested datasets using getSubRows, with state-driven expansion using state.expanded and onExpandedChange.
  • Detail panels for flat data: Expand individual rows to render an additional UI section (e.g., an info panel) using getRowCanExpand and row.getIsExpanded().
  • Pagination and filtering interactions: Control whether expanded children participate in paging via paginateExpandedRows and ensure parent visibility during tree filtering via filterFromLeafRows and maxLeafRowFilterDepth.

Quick Start

Use the row-expanding Skill to configure rowExpandingFeature with createExpandedRowModel(), register either getSubRows (tree mode) or getRowCanExpand (detail-panel mode), then render an expander that calls row.getToggleExpandedHandler() and conditionally displays expanded children or a sub-component.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: row-expanding
Download link: https://github.com/TanStack/table/archive/main.zip#row-expanding

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.