{"enrichment":{"faq":[{"a":"TanStack Table enables server-side pagination through state management of page index and page size. Configure pagination state in your table instance, sync it with API calls via TanStack Query, and update row data based on server responses. TanStack Table handles the UI logic while you control the backend pagination parameters, allowing efficient handling of large datasets without loading all rows client-side.","q":"How to build a data table with pagination using TanStack Table?"},{"a":"TanStack Table coordinates with Cloudflare Workers as your API layer and D1 as your database. Workers handle pagination, filtering, and sorting queries against D1, returning paginated results. TanStack Table manages the client-side state and UI, while TanStack Query fetches data from your Worker endpoints. This architecture keeps heavy operations server-side and maintains a lightweight, responsive frontend.","q":"How does TanStack Table integrate with Cloudflare Workers and D1?"},{"a":"TanStack Table supports virtualization through libraries like TanStack Virtual, which renders only visible rows. For tables with 10,000+ rows, virtualization dramatically improves performance by reducing DOM nodes. Combine this with server-side pagination to fetch manageable chunks, lazy-load columns, and memoize row components to prevent unnecessary re-renders and maintain smooth scrolling.","q":"What's the best way to optimize table rendering for large datasets?"},{"a":"TanStack Table provides hooks and state management that coordinate with TanStack Query's caching and fetching. Store pagination, sorting, and filtering state in TanStack Table, pass these as dependencies to your Query key, and let Query handle data fetching. When table state changes, Query automatically refetches with new parameters, keeping your table synchronized with server data.","q":"How do I sync TanStack Table state with TanStack Query?"},{"a":"TanStack Table skill covers preventing infinite re-renders caused by unstable state references, state mismatches between client and server, and improper dependency arrays in effects. Use proper memoization, stable callback references, and careful Query key construction. Avoid recreating table instances on every render and ensure sorting/filtering state matches your API contract to maintain consistency.","q":"What common TanStack Table errors should I prevent?"},{"a":"TanStack Table provides built-in column visibility and pinning state management. Configure which columns are visible, frozen, or hidden through table options. Persist these preferences to localStorage or your database for user-specific layouts. TanStack Table handles the rendering logic; you control the UI for toggling columns, making it easy to build customizable data tables with TypeScript type safety.","q":"Can TanStack Table handle column pinning and visibility controls?"}],"shadow_tags":["headless-ui-component","server-driven-rendering","virtualization-performance","state-synchronization","api-driven-pagination","type-safe-columns","cloudflare-integration","query-coordination","large-scale-data","controlled-state-management"],"summary_rewrite":"TanStack Table v8 skill provides production templates for building headless data tables optimized for server-side operations and Cloudflare Workers. Covers pagination, filtering, sorting, column controls, virtualization for 10k+ rows, and TanStack Query integration with error prevention for common state management pitfalls."},"files":[{"bytes":22592,"path":"plugins/tanstack-table/skills/tanstack-table/SKILL.md","sha256":"d46df2828d8697fdc89fdffd401ecb6f983494831d8fb3b8ef410be1c81c821e","url":"https://skillfed.io/files/secondsky/claude-skills/tanstack-table/2a19a5cc/SKILL.md"}],"id":"secondsky/claude-skills/tanstack-table","links":{"html":"https://skillfed.io/secondsky/claude-skills/tanstack-table","md":"https://skillfed.io/secondsky/claude-skills/tanstack-table.md","repo":"https://github.com/secondsky/claude-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":29,"language":"TypeScript","last_updated":"2026-07-25","license":"MIT","name":"tanstack-table","publisher":"secondsky","stars":196},"relations":{"similar":[{"id":"tanstack-skills/tanstack-skills/tanstack-table"},{"id":"oakoss/agent-skills/tanstack-table"},{"id":"patricio0312rev/skills/table-builder"},{"id":"Casper-Studios/casper-marketplace/tanstack-table"},{"id":"Dicklesworthstone/agent_flywheel_clawdbot_skills_and_integrations/tanstack-integration"},{"id":"bobmatnyc/claude-mpm-skills/tanstack-query"},{"id":"tanstack-skills/tanstack-skills/tanstack-query"},{"id":"patricio0312rev/skills/tanstack-query-setup"},{"id":"oakoss/agent-skills/tanstack-query"},{"id":"cognitedata/builder-skills/performance"}]},"slug":{"owner":"secondsky","repo":"claude-skills","skill":"tanstack-table"},"version":"2a19a5cc"}