框架
版本
企业版

概述

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

Typescript

尽管 TanStack Table 是用 TypeScript 编写的,但在应用程序中使用 TypeScript 是可选的(但强烈推荐,因为它会为您和您的代码库带来出色的优势)。

无头

正如在 “入门” 部分广泛提到的那样,TanStack Table 是无头的。这意味着它不渲染任何 DOM 元素,而是依靠您(UI/UX 开发人员)提供表格的标记和样式。这是构建可用于任何 UI 框架(包括 React、Vue、Solid、Svelte、Qwik,甚至 React Native 等 JS 转原生平台)的表格的绝佳方式!

核心对象和类型

表核心使用以下常用由适配器公开的抽象

  • 列定义
    • 用于配置列及其数据模型、显示模板等的对象
  • Table
    • 同时包含状态和 API 的核心表对象
  • 表数据
    • 您提供给表的原始数据数组
    • 每列都与其对应的列定义相匹配,并提供列特定的 API
    • 每行都与其对应的行数据相匹配,并提供行特定的 API
  • Header 组
    • 表头组是嵌套表头级别的计算切片,每个都包含一组表头
  • Header
    • 每个表头要么直接与其列定义相关联,要么从中派生,并提供表头特定的 API
  • 单元格
    • 每个单元格都与其对应的行-列交叉点相匹配,并提供单元格特定的 API

还有更多与过滤、排序、分组等特定功能相关的结构,您可以在 “功能” 部分找到它们。

我们的合作伙伴
Code Rabbit
AG Grid
订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。