setup

Configure TanStack Table v9 feature plugins and row-model factories.

28.3k|3.6k|Updated Oct 20, 2016
One-click install
npx skills add https://github.com/TanStack/table --skill setup-tanstack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: setup
Source: https://github.com/TanStack/table/tree/main/packages/table-core/skills/setup
Command: npx skills add https://github.com/TanStack/table --skill setup-tanstack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TanStack Table v9 requires explicit feature registration and row-model pipelines, and misconfiguring _features and _rowModels leads to missing APIs, silently inactive behavior, or confusing runtime/typing issues.

Core Features & Use Cases

  • Module-scoped feature registry: Use tableFeatures({...}) once at module scope so the feature/plugin graph remains stable and tree-shakable.
  • Feature-to-row-model pairing: Register each row-model factory (e.g., createSortedRowModel, createFilteredRowModel, createPaginatedRowModel) only when its corresponding feature is present in _features.
  • Typed column helper setup: Build columns with createColumnHelper<typeof _features, TData>() to ensure the column definitions align with the enabled feature set.

Quick Start

Ask your AI agent to guide you through setting up a TanStack Table v9 adapter by creating a module-scoped _features = tableFeatures({ ... }), wiring _rowModels with the matching create*RowModel(...) factories, and constructing the table with createColumnHelper<typeof _features, TData>()-backed columns and the framework useTable / injectTable / createTable entry point.

Frequently Asked Questions about setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure TanStack Table v9 features and row models?

To configure TanStack Table v9, register enabled feature plugins at module scope using tableFeatures({...}) and provide matching row-model factories like createSortedRowModel to power sorting, filtering, and pagination pipelines.

Why are my TanStack Table v9 sorting or filtering APIs missing or inactive?

Missing or inactive TanStack Table v9 APIs occur when _features and _rowModels are misconfigured, requiring you to pair each row-model factory with its corresponding registered feature to avoid runtime and typing issues.

Do I need to register features explicitly when building a TanStack Table v9 framework adapter?

Yes, building a TanStack Table v9 framework adapter for React, Vue, Solid, or Angular requires explicit feature registration via tableFeatures and pairing _rowModels entries to construct a working datagrid.

How do I type columns to match enabled features in TanStack Table v9?

Type columns in TanStack Table v9 by using createColumnHelper<typeof _features, TData>() to ensure column definitions align with the enabled feature set and maintain strict typing.

What is the best way to structure TanStack Table v9 feature registration for tree-shaking?

The best way to maintain a tree-shakable feature graph in TanStack Table v9 is declaring _features = tableFeatures({...}) once at module scope so the plugin registry remains stable.

Can I use @tanstack/table-core directly to set up table features without a framework adapter?

Yes, you can use @tanstack/table-core directly to construct a working datagrid by wiring module-scoped _features, matching _rowModels factories, and typed column helpers without framework-specific entry points.