tanstack-table
A headless table library for building powerful datagrids with full control over markup, styles, and behavior.
What is tanstack-table?
TanStack Table is a headless UI library for building powerful, customizable tables and datagrids in JavaScript and TypeScript applications. It provides a framework-agnostic core for managing complex table state—like sorting, filtering, and grouping—while letting developers implement their own UI components and styling. It solves the problem of rigid table components by separating logic from presentation.
Frontend developers building data-intensive applications who need full control over table markup and styling, especially those using React, Vue, Solid, Svelte, Angular, or Lit.
Developers choose TanStack Table for its headless architecture, which offers complete UI flexibility without sacrificing advanced table features. Its framework-agnostic core with dedicated adapters makes it a versatile choice across different tech stacks.
Overview
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
Use Cases
Best For
- Building fully custom-designed datagrids with unique styling requirements
- Implementing complex table features like virtualization and server-side pagination
- Creating consistent table experiences across multiple JavaScript frameworks
- Developing internal admin dashboards with advanced filtering and sorting
- Projects requiring lightweight table solutions without bundled UI components
- Applications where table markup needs to be fully accessible and semantic
Not Ideal For
- Projects needing pre-styled, drop-in table components for rapid prototyping
- Teams with limited frontend resources who can't invest in custom UI development
- Applications with only basic table displays that don't require advanced state management
Pros & Cons
Pros
Provides a single core library with official adapters for React, Vue, Solid, Svelte, Angular, and Lit, enabling consistent logic across different JavaScript ecosystems.
Headless architecture means developers must provide all markup and styling, allowing for fully custom, accessible table designs without library constraints.
Built-in support for sorting, filtering, grouping, aggregation, and row selection out of the box, covering complex datagrid requirements.
Lightweight core is virtualizable and server-side rendering friendly, making it suitable for handling large datasets efficiently.
Cons
Lacks any pre-styled elements, requiring significant development effort to design and implement table interfaces from scratch.
Setting up advanced features like virtualization or server-side integration involves boilerplate and a learning curve, as noted in the documentation's detailed guides.
Some framework adapters like Angular Table are marked as alpha in the README, which may lead to instability or breaking changes in those ecosystems.
Open Source Alternative To
tanstack-table is an open-source alternative to the following products:
Frequently Asked Questions
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.