安装

在深入 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 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。更多改进可能要到未来的表格版本才能提供。

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