Implements high-performance, type-safe data tables and datagrids using TanStack Table v8 best practices.
This skill provides specialized guidance for building complex data tables using the headless TanStack Table v8 library. It focuses on implementing type-safe column definitions, optimized state management for sorting and filtering, and efficient rendering patterns. By enforcing critical memoization and tree-shaking practices, it helps developers build scalable UIs ranging from simple client-side lists to advanced server-side integrated datagrids with virtualization and column pinning.
主な機能
01Client-side and server-side pagination, sorting, and filtering logic
02Type-safe column definitions using createColumnHelper
03Advanced row features including selection, expansion, and virtualization
04Sticky column pinning and performant column resizing implementations
05Performance-optimized memoization patterns for data and columns
060 GitHub stars
ユースケース
01Implementing server-side paginated tables with API integration
02Building administrative dashboards with complex interactive data displays
03Creating highly customized, accessible datagrids that match specific design systems
