column-definitions

What problem does it solve?

This Skill solves the problem of defining TanStack Table v9 column definitions correctly and type-safely so your table features (sorting, filtering, grouping, aggregation, selection) behave as expected.

Core Features & Use Cases

• Typed column definitions with createColumnHelper: Define columns using createColumnHelper<typeof _features, TData>(), covering columnHelper.accessor, columnHelper.display, columnHelper.group, and columnHelper.columns.
• Correct column types and accessor patterns: Use ColumnDef variants (AccessorKeyColumnDef, AccessorFnColumnDef, DisplayColumnDef, GroupColumnDef) and understand when to prefer accessorKey vs accessorFn.
• Stable identity and renderers: Apply required id rules (especially for accessorFn) and implement stable row identity via getRowId, while defining header, cell, footer, and aggregatedCell renderers (including flexRender-compatible forms).

Quick Start

Tell your AI: “Generate a TanStack Table v9 column helper setup for my Person row type using accessorKey for simple fields and accessorFn for derived values, ensuring required id values, typed renderers, and a getRowId implementation for stable row identity.”