TanStack Table Demo

TanStack Table Demo

This website showcases the advanced features of TanStack Table, including multi-sorting, column ordering, row pinning, column visibility, and both basic and advanced filtering. It also demonstrates row selection and pagination, offering a comprehensive look at how TanStack Table can handle complex data grid interactions with ease.

View Demo · Report Bug

Libraries and Tools

Next.js@15.4.6 Zod@4.0.17 graphql@16.11.0 immer@10.1.1 moment@2.30.1 csv-loader@3.0.5 graphql-tag/loader tailwindcss@4.1.11 ShadCN@2.6.4

Run Locally

git clone https://github.com/ritesh28/table-next.git
npm install
npm run dev

Create .env file in root folder with following variables:

NEXT_PUBLIC_GITHUB_LINK=
NEXT_PUBLIC_GITHUB_REPO_LINK=
NEXT_PUBLIC_LINKEDIN_LINK=
NEXT_PUBLIC_PORTFOLIO_LINK=