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.