Source: https://tanstack.com/table/v8/docs/installation

TanStack

Table v8v8

Search...

+ K

Auto

Log In

TanStack StartRC

Docs Examples GitHub Contributors

TanStack Router

Docs Examples GitHub Contributors

TanStack Query

Docs Examples GitHub Contributors

TanStack Table

Docs Examples Github Contributors

TanStack Formnew

Docs Examples Github Contributors

TanStack DBbeta

Docs Github Contributors

TanStack Virtual

Docs Examples Github Contributors

TanStack Paceralpha

Docs Examples Github Contributors

TanStack Storealpha

Docs Examples Github Contributors

TanStack Devtoolsalpha

Docs Github Contributors

More Libraries

Maintainers Partners Support Learn StatsBETA Discord Merch Blog GitHub Ethos Brand Guide

Documentation

Framework

React

Version

v8

Search...

+ K

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Introduction
  
  core

• Overview
  
  core

• Installation
  
  core

• Migrating to V8
  
  core

• FAQ
  
  core

• React Table Adapter
  
  react

Core Guides

• Data
  
  core

• Column Defs
  
  core

• Table Instance
  
  core

• Row Models
  
  core

• Rows
  
  core

• Cells
  
  core

• Header Groups
  
  core

• Headers
  
  core

• Columns
  
  core

• Table State
  
  react

Feature Guides

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Column Filtering
  
  core

• Global Filtering
  
  core

• Fuzzy Filtering
  
  core

• Column Faceting
  
  core

• Global Faceting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

• Sorting
  
  core

• Virtualization
  
  core

• Custom Features
  
  core

Core APIs

• Column Def
  
  core

• Table
  
  core

• Column
  
  core

• Header Group
  
  core

• Header
  
  core

• Row
  
  core

• Cell
  
  core

Feature APIs

• Column Filtering
  
  core

• Column Faceting
  
  core

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Global Faceting
  
  core

• Global Filtering
  
  core

• Sorting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

Enterprise

• AG Grid
  
  core

Examples

• Basic
  
  react

• Header Groups
  
  react

• Column Filters
  
  react

• Column Filters (Faceted)
  
  react

• Fuzzy Search Filters
  
  react

• Column Ordering
  
  react

• Column Ordering (DnD)
  
  react

• Column Pinning
  
  react

• Sticky Column Pinning
  
  react

• Column Sizing
  
  react

• Performant Column Resizing
  
  react

• Column Visibility
  
  react

• Editable Data
  
  react

• Expanding
  
  react

• Sub Components
  
  react

• Fully Controlled
  
  react

• Grouping
  
  react

• Pagination
  
  react

• Pagination Controlled
  
  react

• Row DnD
  
  react

• Row Pinning
  
  react

• Row Selection
  
  react

• Sorting
  
  react

• Virtualized Columns
  
  react

• Virtualized Columns (Experimental)
  
  react

• Virtualized Rows
  
  react

• Virtualized Rows (Experimental)
  
  react

• Virtualized Infinite Scrolling
  
  react

• Kitchen Sink
  
  react

• React Bootstrap
  
  react

• Material UI Pagination
  
  react

• React Full Width
  
  react

• React Full Width Resizable
  
  react

• Custom Features
  
  react

• Query Router Search Params
  
  react

Framework

React

Version

v8

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Introduction
  
  core

• Overview
  
  core

• Installation
  
  core

• Migrating to V8
  
  core

• FAQ
  
  core

• React Table Adapter
  
  react

Core Guides

• Data
  
  core

• Column Defs
  
  core

• Table Instance
  
  core

• Row Models
  
  core

• Rows
  
  core

• Cells
  
  core

• Header Groups
  
  core

• Headers
  
  core

• Columns
  
  core

• Table State
  
  react

Feature Guides

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Column Filtering
  
  core

• Global Filtering
  
  core

• Fuzzy Filtering
  
  core

• Column Faceting
  
  core

• Global Faceting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

• Sorting
  
  core

• Virtualization
  
  core

• Custom Features
  
  core

Core APIs

• Column Def
  
  core

• Table
  
  core

• Column
  
  core

• Header Group
  
  core

• Header
  
  core

• Row
  
  core

• Cell
  
  core

Feature APIs

• Column Filtering
  
  core

• Column Faceting
  
  core

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Global Faceting
  
  core

• Global Filtering
  
  core

• Sorting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

Enterprise

• AG Grid
  
  core

Examples

• Basic
  
  react

• Header Groups
  
  react

• Column Filters
  
  react

• Column Filters (Faceted)
  
  react

• Fuzzy Search Filters
  
  react

• Column Ordering
  
  react

• Column Ordering (DnD)
  
  react

• Column Pinning
  
  react

• Sticky Column Pinning
  
  react

• Column Sizing
  
  react

• Performant Column Resizing
  
  react

• Column Visibility
  
  react

• Editable Data
  
  react

• Expanding
  
  react

• Sub Components
  
  react

• Fully Controlled
  
  react

• Grouping
  
  react

• Pagination
  
  react

• Pagination Controlled
  
  react

• Row DnD
  
  react

• Row Pinning
  
  react

• Row Selection
  
  react

• Sorting
  
  react

• Virtualized Columns
  
  react

• Virtualized Columns (Experimental)
  
  react

• Virtualized Rows
  
  react

• Virtualized Rows (Experimental)
  
  react

• Virtualized Infinite Scrolling
  
  react

• Kitchen Sink
  
  react

• React Bootstrap
  
  react

• Material UI Pagination
  
  react

• React Full Width
  
  react

• React Full Width Resizable
  
  react

• Custom Features
  
  react

• Query Router Search Params
  
  react

On this page

• React Table

• Vue Table

• Solid Table

• Svelte Table

• Qwik Table

• Angular Table

• Lit Table

• Table Core (no framework)

Installation

Copy Markdown

Before we dig in to the API, let's get you set up!

Install your table adapter as a dependency using your favorite npm package manager.

Only install ONE of the following packages:

React Table
-----------

bash

npm install @tanstack/react-table


npm install @tanstack/react-table

The @tanstack/react-table package works with React 16.8, React 17, React 18, and React 19.

NOTE: Even though the react adapter works with React 19, it may not work with the new React Compiler that's coming out along-side React 19. This may be fixed in future TanStack Table updates.

Vue Table
---------

bash

npm install @tanstack/vue-table


npm install @tanstack/vue-table

The @tanstack/vue-table package works with Vue 3.

Solid Table
-----------

bash

npm install @tanstack/solid-table


npm install @tanstack/solid-table

The @tanstack/solid-table package works with Solid-JS 1

Svelte Table
------------

bash

npm install @tanstack/svelte-table


npm install @tanstack/svelte-table

The @tanstack/svelte-table package works with Svelte 3 and Svelte 4.

NOTE: There is not a built-in Svelte 5 adapter yet, but you can still use TanStack Table with Svelte 5 by installing the @tanstack/table-core package and using a custom adapter from the community. See this PR for inspiration.

Qwik Table
----------

bash

npm install @tanstack/qwik-table


npm install @tanstack/qwik-table

The @tanstack/qwik-table package works with Qwik 1.

NOTE: There will be a "breaking change" release in the near future to support Qwik 2. This will be released as a minor version bump, but will be documented. Qwik 2 itself will have no breaking changes, but its name on the npm registry will change, and require different peer dependencies.

NOTE: The current qwik adapter only works with CSR. More improvements may not be available until a future table version.

Angular Table
-------------

bash

npm install @tanstack/angular-table


npm install @tanstack/angular-table

The @tanstack/angular-table package works with Angular 17. The Angular adapter uses a new Angular Signal implementation.

Lit Table
---------

bash

npm install @tanstack/lit-table


npm install @tanstack/lit-table

The @tanstack/lit-table package works with Lit 3.

Table Core (no framework)
-------------------------

bash

npm install @tanstack/table-core


npm install @tanstack/table-core

Don't see your favorite framework (or favorite version of your framework) listed? You can always just use the @tanstack/table-core package and build your own adapter in your own codebase. Usually, only a thin wrapper is needed to manage state and rendering for your specific framework. Browse the source code of all of the other adapters to see how they work.

Edit on GitHub

Overview

Migrating to V8

Partners Become a Partner