Framework
Version
Menu
Getting Started
Core Guides
Feature Guides
Core APIs
Feature APIs
Enterprise
Examples

Installation

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

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

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

Solid Table

bash
npm install @tanstack/solid-table

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

Svelte Table

bash
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

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

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

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

Table Core (no framework)

bash
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.

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.

Bytes

No spam. Unsubscribe at any time.

scarf analytics