Repolode
TanStack

TanStack/table

无头(headless)表格库,支持排序、过滤、分组和分页,可完全自定义 UI,适配 React、Vue、Solid、Svelte 等框架。

Star
28,507
Fork
3,589
未关闭 Issue
75
最近提交
8天前

这是什么?

TanStack Table 是一个面向 TypeScript 和 JavaScript 的无头表格库。它负责数据表格背后的逻辑,包括排序、过滤、分组、聚合、分页和行选择,而标记、组件和样式完全由开发者自行决定。

核心逻辑与框架无关,官方提供 React、Preact、Vue、Solid、Svelte、Angular、Lit、Alpine、Ember 和 Octane 等适配器。由于库本身不渲染任何内容,可以搭配任意 UI 组件库或自定义组件使用,并支持虚拟化渲染和服务端数据处理。

该项目属于 TanStack 生态,每个适配器包内附带 TanStack Intent 技能文件,AI 编程助手可据此获取与版本匹配的使用指导。

核心功能

  • 01内置排序、过滤、分组和聚合功能
  • 02提供行选择和分页逻辑
  • 03无头设计,标记和样式完全由开发者控制
  • 04提供 React、Vue、Solid、Svelte、Angular 等框架适配器
  • 05支持虚拟化渲染和服务端数据处理

适用场景

  • 构建支持排序和过滤的管理后台数据表格
  • 通过虚拟化渲染展示大规模数据集
  • 在已有设计系统中加入自定义样式的数据表格

使用前须知

  • 它是无头库,因此表格的全部标记、组件和样式都需要你自己实现。

标签

常见问题

table 是什么?
无头(headless)表格库,支持排序、过滤、分组和分页,可完全自定义 UI,适配 React、Vue、Solid、Svelte 等框架。 TanStack Table 是一个面向 TypeScript 和 JavaScript 的无头表格库。它负责数据表格背后的逻辑,包括排序、过滤、分组、聚合、分页和行选择,而标记、组件和样式完全由开发者自行决定。
table 可以免费使用吗?用的什么许可证?
table 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
table 还在维护吗?
活跃维护中。table 最近一次提交是在 2026年10月12日。
table 适合用来做什么?
构建支持排序和过滤的管理后台数据表格 通过虚拟化渲染展示大规模数据集 在已有设计系统中加入自定义样式的数据表格
在哪里获取 table?
源代码和安装说明在 GitHub 上:https://github.com/TanStack/table

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目