概述

TanStack Table 的核心与框架无关,这意味着无论您使用哪个框架,其 API 都是相同的。提供了适配器,以便根据您的框架更轻松地使用表格核心。有关可用适配器,请参阅适配器菜单。

Typescript

虽然 TanStack Table 是用 TypeScript 编写的,但在您的应用程序中使用 TypeScript 是可选的(但建议使用,因为它为您和您的代码库带来了显著的好处)

无头

正如在简介部分中广泛提到的那样,TanStack Table 是无头的。这意味着它不渲染任何 DOM 元素,而是依赖您(UI/UX 开发人员)来提供表格的标记和样式。这是构建可用于任何 UI 框架的表格的好方法,包括 React、Vue、Solid、Svelte、Qwik,甚至像 React Native 这样的 JS 到本机平台!

核心对象和类型

表格核心使用以下抽象,通常由适配器公开:

  • 列定义
    • 用于配置列及其数据模型、显示模板等的对象
  • 表格
    • 包含状态和 API 的核心表格对象
  • 表格数据
    • 您提供给表格的核心数据数组
    • 每列都镜像其各自的列定义,并提供特定于列的 API
    • 每行都镜像其各自的行数据,并提供特定于行的 API
  • 表头组
    • 表头组是嵌套表头级别的计算切片,每个切片包含一组表头
  • 表头
    • 每个表头都直接与其列定义相关联或从中派生,并提供特定于表头的 API
  • 单元格
    • 每个单元格都镜像其各自的行列交集,并提供特定于单元格的 API

还有更多与特定功能(如筛选、排序、分组等)相关的结构,您可以在功能部分找到它们。