TanStack Table
utility
TanStack Table is an advanced headless UI library that allows developers to build powerful tables and datagrids from scratch, while maintaining complete control over the markup and styles.It is designed to be framework-agnostic, providing support for major front-end frameworks like React, Vue, Solid, Svelte, and Lit.This library emphasizes a lightweight footprint, typically ranging from 10-15kb after tree-shaking, making it suitable for applications where performance is crucial. With a small API surface, it offers robust features including sorting, filtering, pagination, and the ability to manage large datasets effectively.One of the standout aspects of TanStack Table is its headless design philosophy, which means that developers can customize almost every aspect of the table's UI without being constrained by predefined styles. This flexibility is ideal for designers who need to apply their unique aesthetic choices, ensuring pixel-perfect results.TanStack Table is extensible, allowing developers to override defaults with ease, and is built to handle server-side data and external sources. Its powerful features can be utilized to create complex interfaces, essentially providing a foundation for data representation in web applications.
Features
- Lightweight (10-15kb)
- Tree-Shaking
- Headless Design
- Cell Formatters
- Auto-managed internal state
- Fully controlled state option
- Sorting
- Multi Sort
- Global Filters
- Column Filters
- Pagination
- Row Grouping
- Aggregation
- Row Selection
- Row Expansion
- Column Ordering
- Column Visibility
- Column Resizing
- Virtualizable
- Server-side/external Data
- Nested/Grouped Headers
- Footers
Links
Related Items
Next.js
A robust solution for creating asynchronous, dynamic web applications with a rich feature set that enhances developer productivity.
Preact
A fast alternative to React that retains modern functionality and minimal footprint for efficient web development.
Refine
This powerful React framework simplifies the creation of internal tools and administrative dashboards, allowing developers to focus on building features rather than repetitively coding basic functionality.
Angular
This framework provides a robust solution for building web applications that are both dynamic and scalable. Its extensive features cater to the needs of developers looking for a flexible but structured approach to application development.
dndkit
A toolkit that enables developers to easily implement drag and drop functionality in their React applications.
Docusaurus
A project to help create documentation websites effortlessly, focusing on content and usability.
