Back to MCP & Tools
Frontend & Design
TanStack Table
Powerful data tables with no imposed UI — sorting, filtering and pagination under your full control.
Claude Code Cursor Codex Windsurf
Overview
TanStack Table is the headless table library: sorting, filtering, grouping and pagination logic is ready while the markup stays entirely yours (Tailwind and shadcn pair beautifully). Agents build complete admin tables — dynamic columns, filters, row selection — fast.
With full markup control, tables come out styled exactly like your project, not like a library default.
With full markup control, tables come out styled exactly like your project, not like a library default.
Who Is This For?
- Dashboard tables with sorting and filtering
- Server-side pagination for large data
- Row selection and bulk actions
- Tables styled to your design system
Installation
Setup for Claude Code
npm install @tanstack/react-tableExplore AI Tools
Discover the best AI tools that complement your skills
Read AI & Design Articles
Tips and trends in the world of design and AI
Related Servers
Frontend & Design
Figma MCP Server
Bridge the gap between design and code by connecting Figma to your AI agent via MCP, enabling accurate design-to-code translation.
Claude Code Cursor
Frontend & Design Storybook Component Docs
Build, document, and visually test UI components in isolation using Storybook. AI agents can generate stories and catch visual regressions.
Claude Code Copilot Cursor
Frontend & Design Tailwind CSS IntelliSense
Get intelligent Tailwind class suggestions, autocompletions, and linting as you style components in your editor.
Copilot Cursor Windsurf