安装

在我们深入 API 之前，先来让您准备就绪！

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

只安装以下其中一个包

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 Compiler。这可能会在 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。在后续的 table 版本中可能会提供更多改进。

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 包并在您自己的代码库中构建自定义适配器。通常，只需要一个简单的包装器来管理特定框架的状态和渲染。浏览所有其他适配器的 源代码 以了解它们的运作方式。