Headless UI for building powerful tables & datagrids for React, Solid, Vue, Svelte and TS/JS.
Try some other TanStack like React Query, React Form, React Charts
You may know TanStack Table by our adapter names, too!
TanStack Table is a headless table library, which means it does not ship with components, markup or styles. This means that you have full control over markup and styles (CSS, CSS-in-JS, UI Component Libraries, etc) and this is also what gives it its portable nature. You can even use it in React Native!
If you want a lightweight table with full control over markup and implementation, then you should consider using TanStack Table, a headless table library.
If you want a ready-to-use component-based table with more power but more constraints around markup/styles/implementation, you should consider using AG Grid, a component-based table library from our OSS partner AG Grid.
TanStack Table and AG Grid are respectfully the best table/datagrid libraries around. Instead of competing, we're working together to ensure the highest quality table/datagrid options are available for the entire JS/TS ecosystem and every use-case.
There are a fair amount of breaking changes (they're worth it, trust us!):
tableInstance
while similar in spirit to v7 has been reconfigured to be much faster.npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/vue-table
npm install @tanstack/svelte-table