tanstack-table
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
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'
More from jezweb/claude-skills
tailwind-v4-shadcn
|
2.7Ktanstack-query
|
2.5Kshadcn-ui
Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI recipes (forms, data tables, navigation, modals). Use after tailwind-theme-builder has set up the theme infrastructure, when adding components, building forms, creating data tables, or setting up navigation.
2.5Ktailwind-theme-builder
>
2.2Kfastapi
|
2.0Kcolor-palette
>
1.9K