Search Docs
Search through documentation...
React Data Table with Filters
Open-source faceted filters, sorting, and infinite scroll with tanstack table, shadcn/ui and state management via nuqs (url-based) or zustand (client-side). With Drizzle ORM, filtering, faceted counts and cursor pagination run in SQL. Open Source on GitHub.
It's not a library. It's a playbook. Stop hand-rolling data tables. Copy proven patterns, install the agent skill, ship.
Learn more in the Docs.
Changelog
Blog post about why nobody should hand-code a data table in 2026
New documentation page to help you get started
Blog post about vercel-edge-ping UI: OpenStatus Light Viewer
Blog post about tanstack infinite query usage: Live Mode
Blog post about features and caveats: The React data-table I always wanted
Why data-table-filters?
Input, checkbox, slider and time range filters, URL or client-side state, and server-side or client-side data — all open source. For developers who want a production data table without adopting a monolithic grid library. Learn more.
Built on proven foundations
Powered by TanStack Table for headless table logic, shadcn/ui for accessible components, nuqs for URL-based state management, and zustand for client-side state. The same pieces you would pick anyway, wired up once.
Not a library — a playbook
Unlike AG Grid, MUI DataGrid, or react-data-table-component, this project gives you the code directly. Install components via the shadcn CLI and extend your table one piece at a time as your project grows — add filters, sorting, or infinite scroll only when you need them. Own every line, no vendor lock-in, no bundle bloat.
Built for AI agents
Ships with an AI agent skill that understands the full project structure — it can scaffold, configure, and extend data tables end-to-end. Because every component is installed via the shadcn CLI, agents know exactly how to add and compose pieces without custom tooling. Also includes an MCP server that lets AI assistants query and filter your actual table data directly.
Features
- Faceted filters — checkbox, input, slider, time range
- Server-side filtering with Drizzle ORM
- Infinite scroll with TanStack Query
- URL-based state management via nuqs
- Virtualization for large datasets
- Column pinning, row selection, bulk actions