TanStack Table

Use this skill when work touches TanStack Table v9, especially @tanstack/react-table, table feature composition, complex data-grid behavior, or migration from v8 APIs.

Workflow

1. Confirm the local version and target API before changing code:
   • @tanstack/react-table, @tanstack/table-core, optional @tanstack/react-table-devtools, optional @tanstack/react-store, optional @tanstack/react-virtual, and React version.
   • Whether the app is on stable v9 (latest is 9.x). Older apps may still pin v8; do not mix v8 and v9 APIs.
   • Current table creation style: useTable, createTableHook, stockFeatures, or temporary useLegacyTable.
   • Which features are registered in tableFeatures() and which row model factories are actually needed.
2. Refresh current docs for migrations, new feature APIs, or package mismatches. Start from source-map.md.
3. For installation, core setup, columns, rendering, and row models, use setup-core.md.
4. For v8-to-v9 migrations, useLegacyTable, state ownership, external atoms, selectors, and React Compiler concerns, use state-and-migration.md.
5. For sorting, filtering, faceting, pagination, selection, pinning, sizing, grouping, aggregation, cell selection, and spanning, use features.md.
6. For server-side patterns, TanStack Query, virtualization, devtools, worker row models, performance, accessibility, and testing, use production-patterns.md.

Implementation Judgment