安装

在我们深入研究 API 之前，让我们先帮您完成设置！

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

仅安装以下包中的一个：

npm install @tanstack/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 更新中修复。

npm install @tanstack/vue-table

npm install @tanstack/vue-table

@tanstack/vue-table 包可与 Vue 3 配合使用。

npm install @tanstack/solid-table

npm install @tanstack/solid-table

@tanstack/solid-table 包可与 Solid-JS 1 配合使用。

npm install @tanstack/svelte-table

npm install @tanstack/svelte-table

@tanstack/svelte-table 包可与 Svelte 3 和 Svelte 4 配合使用。

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

npm install @tanstack/qwik-table

npm install @tanstack/qwik-table

@tanstack/qwik-table 包可与 Qwik 1 配合使用。

注意：在不久的将来会有一个“重大更改”版本来支持 Qwik 2。这将作为次要版本更新发布，但会进行记录。Qwik 2 本身不会有重大更改，但其在 npm 注册表上的名称会更改，并且需要不同的对等依赖项。

注意：当前的 qwik 适配器仅适用于 CSR。更多改进可能要到将来的表格版本才能提供。

npm install @tanstack/angular-table

npm install @tanstack/angular-table

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

npm install @tanstack/lit-table

npm install @tanstack/lit-table

@tanstack/lit-table 包可与 Lit 3 配合使用。

npm install @tanstack/table-core

npm install @tanstack/table-core

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