tanstack-table

Name: tanstack-table
Availability: InStock
Author: codenburg

Build interactive React tables with sorting, filtering, and pagination.

Updated Mar 28, 2026

Search Tags:#react #interactive UI #data manipulation #table #datagrid

Ready to run

npx skills add https://github.com/Codenburg/skills --skill tanstack-table-codenburg

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tanstack-table
Source: https://github.com/Codenburg/skills/tree/main/tanstack-table
Command: npx skills add https://github.com/Codenburg/skills --skill tanstack-table-codenburg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @tanstack/react-table, @tanstack/match-sorter-utils, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of complex tables and datagrids, providing a robust solution for data presentation and manipulation in React applications.

Core Features & Use Cases

Sorting, Filtering, Pagination: Offers comprehensive data manipulation capabilities.
Row Selection, Column Pinning: Enhances user interaction and data navigation.
Server-Side Data Operations: Supports large datasets and remote data fetching.
Use Case: Ideal for developers looking to integrate interactive tables into their React applications, especially for dashboards and data-intensive web apps.

Quick Start

Load the tanstack-table skill and use the table configuration to render a responsive and interactive data table.

Frequently Asked Questions about tanstack-table

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build interactive React datagrids with sorting and filtering?▼

You can build interactive React datagrids with sorting and filtering by loading the tanstack-table skill. It provides configurations to render responsive tables with built-in sorting, filtering, and pagination capabilities.

Can I implement server-side data operations for large datasets in React tables?▼

Yes, you can implement server-side data operations for large datasets in React tables. The skill supports remote data fetching and server-side data operations to handle intensive web apps effectively.

What do I need to set up a React table with row selection and column pinning?▼

To set up a React table with row selection and column pinning, you need the @tanstack/react-table and @tanstack/match-sorter-utils dependencies. These enable enhanced user interaction and data navigation.

Does this approach work for creating data tables in React dashboards?▼

Yes, this approach works for creating data tables in React dashboards. It is specifically ideal for developers integrating interactive tables into data-intensive web applications and dashboards.

What is the best way to add pagination to a React datagrid?▼

The best way to add pagination to a React datagrid is using the tanstack-table skill. It streamlines complex table creation by offering comprehensive data manipulation capabilities including pagination.

How do I configure TanStack Table for data manipulation in a React application?▼

You configure TanStack Table for data manipulation in a React application by loading the tanstack-table skill. It supplies table configuration to render responsive and interactive data tables.