# TanStack/table

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/tanstack-table).**

27,730 stars · 3,471 forks · TypeScript · mit

## Links

- GitHub: https://github.com/TanStack/table
- Homepage: https://tanstack.com/table
- awesome-repositories: https://awesome-repositories.com/repository/tanstack-table.md

## Topics

`datagrid` `datagrids` `datatable` `filtering` `grid` `grouping` `hooks` `javascript` `pagination` `react` `reactjs` `solid` `solidjs` `sorting` `svelte` `sveltejs` `table` `typescript` `vue`

## Description

This project provides a collection of headless, framework-agnostic libraries designed to manage complex application state and data logic. By decoupling data processing from the visual rendering layer, it allows developers to implement sophisticated features—such as data grids, form management, and routing—without being tied to specific UI markup or styling constraints.

The core of the project is its focus on type-safe, performant state management that remains consistent across different frontend environments. It distinguishes itself through a modular architecture that includes advanced capabilities like virtualized rendering for large datasets, optimistic mutation reconciliation for remote data, and standardized adapters for integrating AI providers. These tools ensure that complex interactions, such as reactive data queries and URL-based state synchronization, are handled with high efficiency and minimal boilerplate.

Beyond its primary state management utilities, the project offers a comprehensive suite of developer tooling and performance-oriented functions. This includes centralized debugging panels, automated package maintenance, and various execution utilities like debouncing, throttling, and rate limiting. The entire ecosystem is built to support scalable, type-safe web applications by providing a unified approach to data fetching, caching, and interface logic.

## Tags

### Data & Databases

- [Remote Data Management](https://awesome-repositories.com/f/data-databases/remote-data-management.md) — Automates fetching, caching, and background synchronization to keep the user interface consistent with the backend. ([source](https://tanstack.com/query/latest/docs/framework/react/overview))
- [Reactive Data Queries](https://awesome-repositories.com/f/data-databases/reactive-data-queries.md) — Executes reactive live queries to retrieve information, automatically triggering interface updates when data changes. ([source](https://tanstack.com/db/latest/docs/overview))
- [Transactional Data Mutations](https://awesome-repositories.com/f/data-databases/transactional-data-mutations.md) — Performs optimistic updates that refresh local state while handling backend persistence and automatic rollback. ([source](https://tanstack.com/db/latest/docs/overview))
- [Normalized Data Caching](https://awesome-repositories.com/f/data-databases/normalized-data-caching.md) — Stores remote information in a centralized, flat structure to ensure consistency and prevent data duplication.
- [Typed Data Collections](https://awesome-repositories.com/f/data-databases/typed-data-collections.md) — Defines typed collections to store and manage normalized data while supporting various loading strategies. ([source](https://tanstack.com/db/latest/docs/overview))

### User Interface & Experience

- [Headless Table Frameworks](https://awesome-repositories.com/f/user-interface-experience/headless-table-frameworks.md) — A framework-agnostic logic layer that manages complex table state including sorting, filtering, grouping, and pagination without dictating UI markup.
- [Data Grids](https://awesome-repositories.com/f/user-interface-experience/data-grids.md) — Creating performant data grids that automatically update the user interface whenever the underlying data collection changes or is modified.
- [Form Management Libraries](https://awesome-repositories.com/f/user-interface-experience/form-management-libraries.md) — A headless utility for managing complex form inputs, validation, and submission logic while maintaining full control over the rendered interface.
- [Headless Data Grids](https://awesome-repositories.com/f/user-interface-experience/headless-data-grids.md) — Building complex, interactive tables by managing sorting, filtering, and pagination logic while keeping the visual markup and styling completely separate.
- [Headless Form Management](https://awesome-repositories.com/f/user-interface-experience/headless-form-management.md) — Manages complex form state in a type-safe and performant manner using a headless approach. ([source](https://tanstack.com/form))
- [Headless UI Components](https://awesome-repositories.com/f/user-interface-experience/headless-ui-components.md) — Building complex interface elements by managing data logic and state transitions while keeping the visual markup and styling completely separate. ([source](https://tanstack.com/table/latest/docs/introduction))
- [Data Table State Managers](https://awesome-repositories.com/f/user-interface-experience/data-table-state-managers.md) — Handling complex sorting, filtering, grouping, and pagination logic for tabular data while maintaining full control over the final rendered output.
- [Data Visualization Components](https://awesome-repositories.com/f/user-interface-experience/data-visualization-components.md) — Displaying massive amounts of information in web interfaces by rendering only the visible items to maintain smooth performance and memory efficiency.
- [Virtual Scrolling Utilities](https://awesome-repositories.com/f/user-interface-experience/virtual-scrolling-utilities.md) — Renders only the visible portion of large datasets to maintain smooth interactions and low memory usage.
- [Framework Agnostic UI Logic](https://awesome-repositories.com/f/user-interface-experience/framework-agnostic-ui-logic.md) — Developing complex interface components by decoupling data processing and state transitions from the specific rendering framework being used.
- [Keyboard Shortcut Managers](https://awesome-repositories.com/f/user-interface-experience/keyboard-shortcut-managers.md) — Manage keyboard shortcuts across platforms with type-safe registration, automatic input filtering, multi-key sequence support, and real-time key state tracking for various frontend environments. ([source](https://tanstack.com/hotkeys/latest/docs/overview))
- [Reactive Data Grids](https://awesome-repositories.com/f/user-interface-experience/reactive-data-grids.md) — Creating interactive and performant data grids that automatically update the user interface whenever the underlying data collection changes or is modified.
- [Viewport-Based Virtualization](https://awesome-repositories.com/f/user-interface-experience/viewport-based-virtualization.md) — Mounts only the visible subset of large datasets into the document object model to maintain high performance.
- [Form Rendering Optimization](https://awesome-repositories.com/f/user-interface-experience/form-rendering-optimization.md) — Optimizes interface rendering by updating only the specific components affected by form state changes. ([source](https://tanstack.com/form))
- [Virtualization Libraries](https://awesome-repositories.com/f/user-interface-experience/virtualization-libraries.md) — Display massive datasets by mounting only the items currently visible in the viewport to maintain smooth scrolling performance and reduce overall memory usage. ([source](https://tanstack.com/virtual/latest/docs/introduction))

### Web Development

- [Routing Libraries](https://awesome-repositories.com/f/web-development/routing-libraries.md) — Define type-safe client-side routes for web applications that ensure full type safety across the entire routing structure, including dynamic parameters and complex search state. ([source](https://tanstack.com/router))
- [State Management Libraries](https://awesome-repositories.com/f/web-development/state-management-libraries.md) — Handles asynchronous data fetching, caching, and synchronization to maintain consistent application state.
- [Routing Frameworks](https://awesome-repositories.com/f/web-development/routing-frameworks.md) — Provides full type safety for routes, search parameters, and data loading patterns.
- [Data Fetching Utilities](https://awesome-repositories.com/f/web-development/data-fetching-utilities.md) — Fetch data during navigation using a loader pattern that supports automatic preloading and built-in caching to eliminate request waterfalls and improve overall application performance. ([source](https://tanstack.com/router))
- [URL State Management](https://awesome-repositories.com/f/web-development/url-state-management.md) — Manage complex application state directly in the URL using validated, type-safe search parameters that support schema-based parsing and seamless synchronization with external state management tools. ([source](https://tanstack.com/router))

### Artificial Intelligence & ML

- [AI Provider Adapters](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-provider-adapters.md) — Connects to language model providers using standardized adapters to enable chat completion and streaming. ([source](https://tanstack.com/ai/latest/docs/getting-started/overview))
- [Chat State Management](https://awesome-repositories.com/f/artificial-intelligence-ml/chat-state-management.md) — Manages chat history, streaming responses, and tool execution using a headless client. ([source](https://tanstack.com/ai/latest/docs/getting-started/overview))
- [Type-Safe AI Tools](https://awesome-repositories.com/f/artificial-intelligence-ml/type-safe-ai-tools.md) — Defines tools with schema validation that run in server or client environments to ensure consistent function calling. ([source](https://tanstack.com/ai/latest/docs/getting-started/overview))

### Repository Format

- [Awesome List](https://awesome-repositories.com/f/repository-format/awesome-list.md) — A community-curated directory that catalogs and links out to other open-source projects, rather than a standalone tool you run yourself.

### Software Engineering & Architecture

- [Headless Logic Decoupling](https://awesome-repositories.com/f/software-engineering-architecture/headless-logic-decoupling.md) — Separates complex state management and data processing from the visual rendering layer to ensure framework-agnostic implementation.
- [Reactive State Subscriptions](https://awesome-repositories.com/f/software-engineering-architecture/reactive-state-subscriptions.md) — Notifies components of specific data changes through an observable pattern to trigger surgical updates.
- [Optimistic Mutation Reconciliation](https://awesome-repositories.com/f/software-engineering-architecture/optimistic-mutation-reconciliation.md) — Updates the local state immediately upon user action and automatically rolls back changes if the backend persistence request fails.
- [Integration Adapters](https://awesome-repositories.com/f/software-engineering-architecture/integration-adapters.md) — Provides standardized interfaces to connect external services and maintain consistent communication protocols.
- [Schema-Based State Validation](https://awesome-repositories.com/f/software-engineering-architecture/schema-based-state-validation.md) — Uses type-safe definitions to parse and validate complex inputs before updating the application state.

### Development Tools & Productivity

- [Asset Compilation Pipelines](https://awesome-repositories.com/f/development-tools-productivity/asset-compilation-pipelines.md) — Compiles project assets using a high-performance pipeline that supports advanced optimizations. ([source](https://tanstack.com/config))
- [Execution Throttling](https://awesome-repositories.com/f/development-tools-productivity/execution-throttling.md) — Debounce function execution by delaying calls until a period of inactivity, supporting synchronous or asynchronous functions with configurable leading or trailing execution options. ([source](https://tanstack.com/pacer/latest/docs/overview))
- [Package Maintenance Tooling](https://awesome-repositories.com/f/development-tools-productivity/package-maintenance-tooling.md) — Automates the linting, testing, versioning, and publishing of code packages using standardized tooling. ([source](https://tanstack.com/config))
- [Rate Limiters](https://awesome-repositories.com/f/development-tools-productivity/rate-limiters.md) — Limit the frequency of function calls over time using fixed or sliding window algorithms, supporting synchronous or asynchronous execution and promise-based error handling. ([source](https://tanstack.com/pacer/latest/docs/overview))
- [Unified Debugging Panels](https://awesome-repositories.com/f/development-tools-productivity/unified-debugging-panels.md) — Aggregates all debugging utilities into a single panel to streamline the inspection process. ([source](https://tanstack.com/devtools))
- [Batching Utilities](https://awesome-repositories.com/f/development-tools-productivity/batching-utilities.md) — Group multiple operations into batches based on time, size, or custom conditions to minimize the total number of requests and improve overall system efficiency. ([source](https://tanstack.com/pacer/latest/docs/overview))
- [Execution Throttling Utilities](https://awesome-repositories.com/f/development-tools-productivity/execution-throttling-utilities.md) — Throttle function execution to limit the rate of calls, supporting synchronous or asynchronous functions with promise handling and configurable leading or trailing execution options. ([source](https://tanstack.com/pacer/latest/docs/overview))
- [Extensible Debugging Interfaces](https://awesome-repositories.com/f/development-tools-productivity/extensible-debugging-interfaces.md) — Allows building and integrating custom tools into the existing debugging panel. ([source](https://tanstack.com/devtools))
- [Task Queues](https://awesome-repositories.com/f/development-tools-productivity/task-queues.md) — Queue functions for ordered execution using specific strategies like first-in-first-out or priority, with configurable concurrency, processing speeds, and automatic item expiration. ([source](https://tanstack.com/pacer/latest/docs/overview))