table

寻找react-table的第7版？点击这里！

享受这个图书馆吗？

尝试其他Tanstack库：

• Tanstack查询
• 晒黑桌
• Tanstack路由器
• Tanstack虚拟
• Tanstack形式
• Tanstack Ranger

请访问tanstack.com/table以获取文档，指南，API等！

您可能也知道我们的适配器名称的Tanstack表！

• 角桌
• 点亮的桌子
• Qwik桌
• 反应表
• 实心桌
• 苗条的表
• vue表

概括

TanStack Table是一个无头桌库，这意味着它不带有组件，标记或样式。这意味着您可以完全控制标记和样式（CSS，CSS-IN-JS，UI组件库等），这也是使其便携性的原因。您甚至可以在React Native中使用它！

如果您想要一张可以完全控制标记和实现的轻量级表，则应考虑使用无头桌库的Tanstack表。

如果您想要一个具有更多功能的基于现成的组件表，但围绕标记/样式/实现的限制更大，则应考虑使用我们的OSS合作伙伴AG Grid的基于组件的表库AG Grid。

Tanstack表和AG网格是周围最好的表/数据杂志库。我们没有竞争，而是共同努力，以确保为整个JS/TS生态系统和每个用例提供最高质量的表/数据杂志选项。

快速功能

• 不可知论（JS/TS）
• React，Vue，实心的一级框架绑定
• 〜15kb或更少（摇树）
• 100％打字稿（但不需要）
• 无头（100％可自定义的，自己拥有的UI）
• 自动开箱即用，选择可控状态
• 过滤器（列和全局）
• 排序（多列，多方向）
• 分组与聚合
• 旋转（即将推出！）
• 行选择
• 行扩展
• 列可见性/订购/固定/调整
• 桌子分裂
• 动画
• 虚拟化
• 服务器端/外部数据模型支持

从反应表V7迁移

值得注意的变化

• 完全重写基本包中包含的类型的打字稿
• 删除插件系统以支持更多控制权反转
• 大大更大且改进的API（以及固定等新功能）
• 更好控制的国家管理
• 更好地支持服务器端操作
• 完成（但可选）数据管道控制
• 不可知论的核心与框架适配器适用于反应，固体，苗条，vue，以及将来更多
• 新的开发工具

迁移

有很多破裂的变化（他们值得，相信我们！）：

• 事实证明，Typescript使您的代码变得更好/更安全，但通常还需要破坏架构的更改。
• 插件系统已被删除，因此必须重写插件以包装/组合新功能API。如果您需要帮助，请与我们联系！
• 列配置选项已更改，但仅略有变化。
• 表选项大多是相同的，可选状态管理/控制和数据管道控制周围有一些更大的更改
• 该table实例在精神上与V7相似，已经重新配置了更快的速度。

安装

根据您选择的框架安装以下软件包之一：

 # Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework 

如何提供帮助？

• 尝试已经移民的示例
• 在您自己的项目中尝试一下。
• 内省类型！即使没有文档完成，图书馆也以100％打字稿发货，以帮助您探索其功能。
• 阅读贡献指南
• 写一些文档！从API文档开始，然后尝试添加有关一个或多个功能的一些信息。这些类型在展示库的支持和功能方面做出了不错的工作。
• 使用插件？尝试重写您的插件（V8不再具有插件系统），为功能包装器，该功能包装器在内部使用Tanstack表。新的API功能更强大，更容易组成。如果您发现了一些您无法找到的东西，请告诉我们，我们将其添加到API中。

成为赞助商