Prompt Buddy logoPrompt Buddy

tanstack · TanStack Table Docs

Table Pagination Guide

A guide on implementing both client-side and server-side pagination in TanStack Table, including architectural trade-offs between pagination and virtualization.

Import to Prompt Buddy

Derived skill

Files assembled from official documentation

Viewing SKILL.md

Table Pagination Guide

A guide on implementing both client-side and server-side pagination in TanStack Table, including architectural trade-offs between pagination and virtualization.

When To Use

Use when you need to implement row navigation in a data table or decide between client-side data handling and server-side pagination based on dataset size.

Reference Files

FileContainsUse For
SKILL.mdEntry point: scope, routing table, and workflow.Start here.
docs/table-pagination-guide-workflow-guide.mdA guide explaining client-side pagination implementation and API usage for TanStack Table.Questions about a guide explaining client-side pagination implementation and API usage for TanStack Table.
examples/table-pagination-guide-tanstack-table-pagination.jsxA JSX code example demonstrating how to implement client-side pagination using the useReactTable hook and getPaginationRowModel in TanStack Table.Exact payloads, commands, or snippets shown in A JSX code example demonstrating how to implement client-side pagination using the useReactTable hook and getPaginati...
examples/table-pagination-guide-tanstack-table-manual-pagination.jsxA JSX code example demonstrating how to implement manual server-side pagination using the tanstack-table manualPagination and rowCount options.Exact payloads, commands, or snippets shown in A JSX code example demonstrating how to implement manual server-side pagination using the tanstack-table manualPagina...
examples/table-pagination-guide-tanstack-table-jsx-pagination-implementation.jsxA JSX code example demonstrating how to implement client-side pagination using the useReactTable hook and getPaginationRowModel.Exact payloads, commands, or snippets shown in A JSX code example demonstrating how to implement client-side pagination using the useReactTable hook and getPaginati...
examples/table-pagination-guide-tanstack-table-pagination-jsx-implementation.jsxA JSX code example demonstrating how to configure the useReactTable hook with getPaginationRowModel and custom pagination initial state.Exact payloads, commands, or snippets shown in A JSX code example demonstrating how to configure the useReactTable hook with getPaginationRowModel and custom pagina...
examples/table-pagination-guide-tanstack-table-pagination-guide.jsxA JSX code example demonstrating how to implement pagination using the useReactTable hook and getPaginationRowModel.Exact payloads, commands, or snippets shown in A JSX code example demonstrating how to implement pagination using the useReactTable hook and getPaginationRowModel.
examples/table-pagination-guide-tanstack-table-pagination-2.jsxA JSX code example demonstrating how to implement pagination controls and page size selection using TanStack Table.Exact payloads, commands, or snippets shown in A JSX code example demonstrating how to implement pagination controls and page size selection using TanStack Table.

What This Skill Covers

  • Want to skip to the implementation? Check out these examples:
  • Main sections: Examples, API, Pagination Guide, Client-Side Pagination, Should You Use Client-Side Pagination?.

Workflow

  1. Open the most relevant file under docs/ for the exact documented workflow and wording.
  2. Open schemas/ files for exact structured contracts.
  3. Open examples/ files for concrete requests, commands, snippets, and manifests.
  4. Do not add behavior or configuration that is not present in the attached source files.

Canonical source: https://tanstack.com/table/latest/docs/guide/pagination