跳转到正文

TanStack Table 是一款高级无头 UI 库,开发者可以用它从零构建功能强大的表格和数据网格,同时完全掌控标记和样式。

它采用框架无关的设计,支持 React、Vue、Solid、Svelte 和 Lit 等主流前端框架。

该库体积轻巧,经过 tree-shaking 后通常仅为 10-15kb,适用于性能至关重要的应用。它的 API 精简,同时提供排序、筛选、分页和高效管理大型数据集等强大功能。

TanStack Table 的一大特色是无头设计理念:开发者几乎可以自定义表格 UI 的各个方面,不受预设样式限制。这种灵活性非常适合需要应用独特视觉风格的设计师,确保呈现效果精准无误。

TanStack Table 易于扩展,开发者可以轻松覆盖默认设置,并且支持处理服务器端数据和外部数据源。借助其强大功能,可以构建复杂界面,为 Web 应用中的数据呈现提供坚实基础。

功能

  • 轻量(10-15kb)
  • 摇树优化
  • 无头设计
  • 单元格格式化器
  • 自动管理内部状态
  • 完全受控状态选项
  • 排序
  • 多重排序
  • 全局筛选器
  • 列筛选器
  • 分页
  • 行分组
  • 聚合
  • 行选择
  • 行展开
  • 列排序
  • 列可见性
  • 列宽调整
  • 支持虚拟化
  • 服务器端/外部数据
  • 嵌套/分组表头
  • 页脚

相关项目

Next.js

一套功能强大的解决方案,可用于创建异步、动态的 Web 应用,并提供丰富功能以提升开发效率。

Preact

React 的快速替代方案,兼具现代功能和精简体积,助力高效 Web 开发。

Refine

这款功能强大的 React 框架简化了内部工具和管理面板的创建,让开发者专注于构建功能,而不必反复编写基础代码。

Angular

这款框架为构建动态且可扩展的 Web 应用提供了强大方案。其丰富的功能可满足希望以灵活且有条理的方式开发应用的需求。

dndkit

一款工具包,可帮助开发者轻松在 React 应用中实现拖放功能。

Docusaurus

一个帮助轻松创建文档网站的项目,让你专注于内容和易用性。

Enhance

该解决方案通过采用以 HTML 为中心的开发方式来提升工作效率和应用性能,并简化构建与部署流程。

Hybrids

该框架结合声明式和函数式编程技术,帮助开发者构建高效、易维护的 Web 应用和组件。