gitmyhub

table

TypeScript ★ 28k updated 11h ago

🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

TanStack Table is a headless data table library for JavaScript that handles sorting, filtering, and pagination logic while you control all the HTML and styling yourself.

TypeScriptJavaScriptReactVueSvelteAngularsetup: moderatecomplexity 3/5

TanStack Table is a "headless" library for building data tables and grids in JavaScript and TypeScript applications. "Headless" means the library provides all the logic and behavior for a table — sorting, filtering, grouping, aggregating rows, selecting rows, pagination — but gives you zero pre-built visual components. You supply all the HTML structure and styling yourself, so the table looks exactly the way you want it without fighting against any default design.

The core is framework-agnostic, meaning the same logic works across multiple front-end frameworks. Adapters are available for React, Vue, Solid, Svelte, Angular, and others, all under names like React Table, Vue Table, and so on. This is useful in organizations where different teams use different frameworks but want consistent table behavior.

When you use TanStack Table, you call the library to set up your data and column definitions, then it gives you back a table object you can inspect to build your rows and cells however you like. You have full control over what HTML gets rendered and how it is styled, which makes the library suitable for complex admin dashboards, data management UIs, and analytics interfaces where standard table components would be too rigid.

You would use this when you need a powerful, flexible data table that handles large datasets with features like sorting, filtering, and grouping, and you want complete design freedom rather than a pre-styled component that is hard to customize.

Where it fits