tanstack-table

Server-side pagination offloads data fetching to your backend, reducing client memory load. TanStack Table v8 coordinates with TanStack Query to manage page state, send offset/limit parameters to your API, and re-render only when new data arrives. This pattern scales to large datasets without loading everything into the browser.

Yes. TanStack Table integrates with Cloudflare D1 through server-side handlers that execute SQL queries against your D1 database. The Skill covers D1 SQL patterns, Workers bindings, and pagination logic to fetch filtered, sorted results directly from your edge database.

URL synchronization ensures users can bookmark and share filtered table states. TanStack Table stores pagination, sorting, and filter state in URL parameters via TanStack Query, so browser back/forward and direct links preserve the exact table view without re-fetching unnecessary data.

Virtualization renders only visible rows, drastically reducing DOM nodes. Combined with server-side pagination, TanStack Table virtualizes row lists so tables with thousands of records remain responsive. The Skill includes virtualization patterns that work alongside server-side fetching for optimal performance.

TypeScript is strongly recommended but not mandatory. TanStack Table v8 is built with TypeScript-first type safety for column definitions, row data, and API responses. The Skill assumes TypeScript for type-safe patterns, though JavaScript projects can adopt a subset of the patterns without full type coverage.

Frequent mistakes include fetching all data upfront, losing filter state on refresh, and misaligned pagination parameters between client and server. The Skill covers error prevention through TanStack Query coordination, proper state serialization to URLs, and validating offset/limit ranges to avoid data inconsistencies.