安装

在我们深入了解 API 之前，先来帮你完成安装！

请使用你喜欢的 npm 包管理器安装你的表格适配器作为依赖项。

只需安装以下软件包中的一个：

React Table

npm install @tanstack/react-table

@tanstack/react-table 包适用于 React 16.8、React 17、React 18 和 React 19。

注意：尽管 React 适配器适用于 React 19，但它可能无法与即将随 React 19 一起发布的新 React 编译器配合使用。这可能会在未来的 TanStack Table 更新中修复。

Vue Table

npm install @tanstack/vue-table

@tanstack/vue-table 包适用于 Vue 3。

Solid Table

npm install @tanstack/solid-table

@tanstack/solid-table 包适用于 Solid-JS 1。

Svelte Table

npm install @tanstack/svelte-table

@tanstack/svelte-table 包适用于 Svelte 3 和 Svelte 4。

注意：目前还没有内置的 Svelte 5 适配器，但你仍然可以通过安装 @tanstack/table-core 包并使用社区提供的自定义适配器来与 Svelte 5 配合使用。请参阅此 PR 以获取灵感。

Qwik Table

npm install @tanstack/qwik-table

@tanstack/qwik-table 包适用于 Qwik 1。

注意：在不久的将来会有一个“重大变更”版本发布以支持 Qwik 2。这将作为一个次要版本更新发布，但会进行文档记录。Qwik 2 本身不会有重大变更，但它在 npm 注册表上的名称会更改，并需要不同的对等依赖项。 注意：当前的 Qwik 适配器只适用于 CSR (客户端渲染)。更多的改进可能要等到未来的表格版本才能提供。

Angular Table

npm install @tanstack/angular-table

@tanstack/angular-table 包适用于 Angular 17。Angular 适配器使用了新的 Angular Signal 实现。

Lit Table

npm install @tanstack/lit-table

@tanstack/lit-table 包适用于 Lit 3。

Table Core (无框架)

npm install @tanstack/table-core

没看到你喜欢的框架（或你喜欢的框架版本）在列表中？你随时可以使用 @tanstack/table-core 包并在你自己的代码库中构建自己的适配器。通常，只需要一个薄封装来管理你特定框架的状态和渲染。浏览所有其他适配器的 源代码，了解它们是如何工作的。