{"enrichment":{"faq":[{"a":"Tanstack Table is a headless library that manages table state, sorting, filtering, pagination, and row operations without dictating your UI. It handles complex features like column pinning, row expanding, grouping, and server-side data fetching while letting you build the interface with any framework or custom components.","q":"What is Tanstack Table and how does it work?"},{"a":"Tanstack Table provides built-in features for sorting, filtering, and pagination through its core API. You configure these capabilities declaratively on your columns and table instance, then bind the resulting state to your UI components. The library manages the logic while you control the presentation layer.","q":"How to use Tanstack Table for sorting, filtering, and pagination?"},{"a":"Yes, Tanstack Table supports virtualization for large datasets, allowing efficient rendering of thousands of rows. It also provides server-side data fetching patterns to load data on demand, column pinning for fixed headers, and row expanding for hierarchical data\u2014all designed to avoid common pitfalls like infinite re-renders.","q":"Can Tanstack Table handle large datasets and virtualization?"},{"a":"Tanstack Table integrates into React apps by installing the npm package and creating a table instance with your data and column definitions. Since it's headless, you pair it with your own components or UI libraries. The library provides hooks and utilities to manage state while you control rendering and styling.","q":"How do I integrate Tanstack Table into my React application?"},{"a":"Tanstack Table is headless\u2014it separates state management from UI, giving you complete control over styling and structure. Unlike prescriptive libraries, it avoids state mismatches and infinite re-renders through built-in patterns, supports advanced features like column management and grouping, and works with any rendering approach.","q":"What makes Tanstack Table different from other table libraries?"},{"a":"Yes, Tanstack Table has full TypeScript support with comprehensive type definitions. It enables type-safe column definitions, state management, and API interactions, making it ideal for large projects where type safety prevents errors and improves developer experience.","q":"Does Tanstack Table work with TypeScript?"}],"shadow_tags":["headless-ui","data-grid","table-library","react-utilities","column-management","sorting-filtering","state-handling","ui-agnostic"],"summary_rewrite":"Tanstack Table is a headless library that handles table state management, sorting, filtering, pagination, and row operations without prescribing UI. It supports server-side data fetching, large dataset virtualization, column pinning, row expanding, and grouping, with built-in patterns to avoid common pitfalls like infinite re-renders and state mismatches."},"gist":{"api_url":"https://skillfed.io/api/skills/oakoss/agent-skills/tanstack-table.json","as_of":"2026-03-02","description":"Tanstack Table provides headless state management and logic for building sortable, filterable. npx skillfed install oakoss/agent-skills/tanstack-table","install":{"manual":["git clone https://github.com/oakoss/agent-skills","cp -r agent-skills ~/.claude/skills/tanstack-table"],"primary":"npx skillfed install oakoss/agent-skills/tanstack-table","version":"fefd7055"},"kind":"skill","mirror_url":"https://skillfed.io/oakoss/agent-skills/tanstack-table.md","similar":[{"id":"secondsky/claude-skills/tanstack-table","name":"tanstack-table","publisher":"secondsky/claude-skills","url":"https://skillfed.io/secondsky/claude-skills/tanstack-table"},{"id":"Dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations/tanstack-integration","name":"Tanstack Integration","publisher":"Dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations","url":"https://skillfed.io/Dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations/tanstack-integration"},{"id":"oakoss/agent-skills/tanstack-query","name":"Tanstack Query","publisher":"oakoss/agent-skills","url":"https://skillfed.io/oakoss/agent-skills/tanstack-query"},{"id":"Casper-Studios/casper-marketplace/tanstack-table","name":"tanstack-table","publisher":"Casper-Studios/casper-marketplace","url":"https://skillfed.io/Casper-Studios/casper-marketplace/tanstack-table"}],"title":"Tanstack Table by oakoss: Build and manage data tables with headless React components \u2014 SkillFed","use":{"when":["Tanstack Table provides built-in features for sorting, filtering, and pagination through its core API.","Yes, Tanstack Table supports virtualization for large datasets, allowing efficient rendering of thousands of rows."]},"what":{"lead":"Tanstack Table provides headless state management and logic for building sortable, filterable, paginated data tables in React.","rest":"Tanstack Table is a headless library that handles table state management, sorting, filtering, pagination, and row operations without prescribing UI. It supports server-side data fetching, large dataset virtualization, column pinning, row expanding, and grouping, with built-in patterns to avoid common pitfalls like infinite re-renders and state mismatches."}},"id":"oakoss/agent-skills/tanstack-table","install":{"mode":"external","repo":"https://github.com/oakoss/agent-skills"},"links":{"html":"https://skillfed.io/oakoss/agent-skills/tanstack-table","md":"https://skillfed.io/oakoss/agent-skills/tanstack-table.md","repo":"https://github.com/oakoss/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":5,"language":"Python","last_updated":"2026-03-02","license":null,"name":"Tanstack Table","publisher":"oakoss","stars":13},"relations":{"similar":[{"id":"tanstack-skills/tanstack-skills/tanstack-table"},{"id":"secondsky/claude-skills/tanstack-table"},{"id":"Dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations/tanstack-integration"},{"id":"oakoss/agent-skills/tanstack-virtual"},{"id":"patricio0312rev/skills/table-builder"},{"id":"oakoss/agent-skills/tanstack-query"},{"id":"ancoleman/ai-design-components/building-tables"},{"id":"Casper-Studios/casper-marketplace/tanstack-table"},{"id":"skilld-dev/vue-ecosystem-skills/tanstack-vue-table-skilld"},{"id":"syncfusion/react-ui-components-skills/syncfusion-react-grid"}]},"slug":{"owner":"oakoss","repo":"agent-skills","skill":"tanstack-table"},"version":"fefd7055"}