简介

TanStack Table 是一个 **无头 UI** 库，用于为 TS/JS、React、Vue、Solid、Qwik 和 Svelte 构建功能强大的表格和数据网格。

什么是“无头”UI？

**无头 UI** 是指提供 UI 元素和交互的逻辑、状态、处理和 API，但 **不提供标记、样式或预构建实现** 的库和实用程序。还在挠头吗？😉 无头 UI 有几个主要目标

构建复杂 UI 最困难的部分通常围绕状态、事件、副作用、数据计算/管理。通过将这些问题从标记、样式和实现细节中移除，我们的逻辑和组件可以更加模块化和可重用。

构建 UI 是一种高度品牌化和定制化的体验，即使这意味着选择一个设计系统或遵守设计规范。为了支持这种定制体验，基于组件的 UI 库需要支持围绕标记和样式定制的大量（看似无穷无尽）API 表面。无头 UI 库将您的逻辑与 UI 解耦

当您使用无头 UI 库时，**数据处理、状态管理和业务逻辑** 等复杂任务将由您负责，让您专注于在不同实现和用例中有所不同的高基数决策。

想深入了解？阅读更多关于无头 UI 的信息。

基于组件的库与无头库

在表格/数据网格库生态系统中，主要有两类

• 基于组件的表格库
• 无头表格库

我应该使用哪种表格库？

每种方法都有细微的权衡。理解这些细微之处将帮助您为您的应用程序和团队做出正确的决定。

基于组件的表格库

基于组件的表格库通常会为您提供功能丰富的即插即用解决方案和开箱即用的组件/标记，并带有样式/主题。 AG Grid 是这类表格库的一个很好的例子。

优点

• 自带开箱即用的标记/样式
• 所需设置极少
• 即用型体验

缺点

• 对标记的控制较少
• 自定义样式通常基于主题
• 捆绑包体积较大
• 高度耦合到框架适配器和平台

**如果您想要一个开箱即用的表格，并且设计/捆绑包体积不是硬性要求**，那么您应该考虑使用基于组件的表格库。

市面上有许多基于组件的表格库，但我们认为 AG Grid 是黄金标准，也是我们最喜欢的表格兄弟（别告诉其他人🤫）。

无头表格库

无头表格库通常会为您提供函数、状态、实用程序和事件监听器，用于构建您自己的表格标记或附加到现有表格标记。

优点

• 完全控制标记和样式
• 支持所有样式模式（CSS、CSS-in-JS、UI 库等）
• 捆绑包体积更小
• 可移植。在任何可以运行 JS 的地方运行！

缺点

• 需要更多设置
• 不提供标记、样式或主题

**如果您想要一个更轻量级的表格或完全控制设计**，那么您应该考虑使用无头表格库。

市面上的无头表格库非常少，显然，**TanStack Table** 是我们的最爱！