# Tanstack Table

> Build tables and datagrids with TanStack Table v8. Covers column definitions, row models, sorting, filtering, pagination, grouping, expanding, row selection, column sizing/ordering/pinning/visibility, virtualization, row pinning, faceting, fuzzy filtering, custom features, state management, and rendering. React adapter primary, core API is framework-agnostic. Use when asked to "build a data table…

- **Type:** Skill
- **Install:** `agentstack add skill-aaronvanston-agent-skills-tanstack-table`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [aaronvanston](https://agentstack.voostack.com/s/aaronvanston)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [aaronvanston](https://github.com/aaronvanston)
- **Source:** https://github.com/aaronvanston/agent-skills/tree/main/skills/tanstack-table

## Install

```sh
agentstack add skill-aaronvanston-agent-skills-tanstack-table
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# TanStack Table

Headless UI library for building tables and datagrids. Framework-agnostic core, React adapter (`@tanstack/react-table`) primary.

## Workflow

Determine which feature applies and load the relevant reference:

1. **Columns** - define accessors, headers, groups, sizing, ordering, pinning, visibility: [references/columns.md](references/columns.md)
2. **Data & Row Models** - data shape, row model pipeline, Row/Cell types: [references/data.md](references/data.md)
3. **Sorting** - sort state, multi-sort, custom sort functions, manual sorting: [references/sorting.md](references/sorting.md)
4. **Filtering** - column filters, global filters, faceting (column + global): [references/filtering.md](references/filtering.md)
5. **Fuzzy Filtering** - `@tanstack/match-sorter-utils` integration: [references/fuzzy-filtering.md](references/fuzzy-filtering.md)
6. **Pagination** - client-side and server-side pagination: [references/pagination.md](references/pagination.md)
7. **Row Selection** - checkbox patterns, single/multi select, sub-row selection: [references/selection.md](references/selection.md)
8. **Grouping** - grouping state, aggregation, rendering grouped cells: [references/grouping.md](references/grouping.md)
9. **Expanding** - sub-rows, detail panels, expand/collapse APIs: [references/expanding.md](references/expanding.md)
10. **Row Pinning** - pin rows to top/bottom, keep pinned rows option: [references/row-pinning.md](references/row-pinning.md)
11. **Virtualization** - @tanstack/react-virtual integration, row/column virtualization: [references/virtualization.md](references/virtualization.md)
12. **State** - controlled vs uncontrolled, onChange handlers, auto-reset: [references/state.md](references/state.md)
13. **Rendering** - flexRender, table structure, types, framework adapters: [references/rendering.md](references/rendering.md)
14. **Advanced** - editable cells, DnD reordering, div-based tables: [references/advanced.md](references/advanced.md)
15. **Custom Features** - extending table with `_features` and TypeScript declaration merging: [references/custom-features.md](references/custom-features.md)

## Principles

- **`getCoreRowModel()` is the only required row model** - everything else is opt-in
- **Memoize column definitions** with `useMemo` or define outside the component
- **Keep data references stable** - avoid inline `data={fetch()}`, use state/memo
- **Row models are composable** - pipeline: Core → Filtered → Grouped → Sorted → Expanded → Paginated
- **Only import row models you need** - each is tree-shakeable
- **`flexRender`** renders cells and headers from column defs
- **For server-side operations** - set `manualSorting`/`manualFiltering`/`manualPagination` and manage state yourself
- **`createColumnHelper()`** for maximum type safety

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [aaronvanston](https://github.com/aaronvanston)
- **Source:** [aaronvanston/agent-skills](https://github.com/aaronvanston/agent-skills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-aaronvanston-agent-skills-tanstack-table
- Seller: https://agentstack.voostack.com/s/aaronvanston
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.