tanstack-table

Headless data tables with server-side pagination, filtering, sorting, and virtualization for Cloudflare Workers + D1 Last Updated : 2026-01-09 Versions : @tanstack/react-table@8.21.3, @tanstack/react-virtual@3.13.18 Basic Setup (CRITICAL: memoize data/columns to prevent infinite re-renders): Cloudflare D1 API (pagination + filtering + sorting): Client-Side (TanStack Query + Table): Render only visible rows for performance: Known Issue : When using virtualization inside tabbed content or modals that hide inactive content with display: none , the virtualizer continues performing layout calculations while hidden, causing: Source : GitHub Issue #6109 Prevention : Pin columns or rows to keep them visible during horizontal/vertical scroll: Known Issue : Pinning parent group columns (created with columnHelper.group() ) causes incorrect positioning and duplicated headers. column.getStart('left') returns wrong values for group headers. Source : GitHub Issue #5397 Prevention : Show/hide child rows or additional details: Detail Rows (custom content, not nested data): Group rows by column values: Known Issue : The grouping feature causes significant performance degradation on medium-to-large datasets. With grouping enabled, render times can increase from [...], []) or define data/columns outside component - Error : Query refetches but pagination state not synced, stale data - Cause :...