tanstack-table

Installation
Summary

Headless data tables with server-side pagination, filtering, sorting, and virtualization for Cloudflare Workers + D1.

  • Supports three rendering modes: client-side with core row model, server-side with manual state management, and virtualized rendering for 1000+ row datasets
  • Includes column/row pinning, row expanding with nested data, and row grouping with built-in aggregation functions (sum, min, max, mean, etc.)
  • Integrates with TanStack Query for coordinated data fetching and state synchronization across pagination, filtering, and sorting
  • Prevents 12 documented errors including infinite re-renders, React 19 Compiler incompatibility, server-side row selection bugs, and virtualization issues in hidden containers
SKILL.md

TanStack Table

Headless data tables with server-side pagination, filtering, sorting, and virtualization for Cloudflare Workers + D1


Quick Start

Last Updated: 2026-01-09 Versions: @tanstack/react-table@8.21.3, @tanstack/react-virtual@3.13.18

npm install @tanstack/react-table@latest
npm install @tanstack/react-virtual@latest  # For virtualization

Basic Setup (CRITICAL: memoize data/columns to prevent infinite re-renders):

import { useReactTable, getCoreRowModel, ColumnDef } from '@tanstack/react-table'
Related skills
Installs
503
GitHub Stars
776
First Seen
Jan 31, 2026