tanstack-table

Organize complex tabular data with a framework-agnostic headless API.

Updated May 25, 2026

Search Tags:#typescript #frontend #react #tanstack #sorting #table #datagrid

Ready to run

npx skills add https://github.com/yehezkieldio/formalist --skill tanstack-table-yehezkieldio

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Organize complex tabular data in web apps with a framework-agnostic, headless API.

Core Features & Use Cases

Sorting, filtering, pagination, grouping, and row selection in a headless API.
Works across React, Vue, Solid, Svelte, Qwik, Angular, and Lit to build tables without rendering.
Use case: Build a data-heavy admin panel with sortable columns and client-side filtering for large datasets.

Quick Start

Create a basic tanstack-table instance with sample data and a simple column definition to render a 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 a headless data table for a React or Vue web application?▼

To build a headless data table, you define column definitions and manage table state using a framework-agnostic API. This approach handles sorting and filtering logic without forcing a specific UI, letting you assemble the table markup yourself across React, Vue, Solid, Svelte, Qwik, Angular, or Lit.

What's the best way to implement client-side sorting and filtering for large datasets?▼

The best way to implement client-side sorting and filtering for large datasets is by exposing configurable row models and table state. This headless API processes complex tabular data deterministically, allowing you to wire the filtered and sorted rows directly into your custom UI components.

Can I use a headless table API with Svelte, Solid, Qwik, Angular, or Lit?▼

Yes, you can use this headless table API with Svelte, Solid, Qwik, Angular, and Lit. It provides framework-agnostic core logic that exposes column definitions and row models, enabling flexible UI assembly and deterministic behavior across multiple web frameworks without built-in rendering.

How do I set up column definitions and row selection for an admin panel datagrid?▼

You set up an admin panel datagrid by configuring column definitions and enabling row selection through the table state. The headless API processes these configurations to manage grouping and pagination, outputting deterministic row models that you map to your custom admin interface.

Does a framework-agnostic table API handle row grouping and pagination without rendering UI?▼

Yes, a framework-agnostic table API handles row grouping and pagination without rendering UI. It operates as a headless utility that manages table state and row models, ensuring deterministic data behavior while leaving the visual rendering and UI assembly entirely up to your implementation.