TanStack Table v8

Headless UI for building powerful tables & datagrids

让您的表格功能强大，或者从头开始为TS/JS、React、Vue、Solid和Svelte构建数据表格，同时完全控制标记和样式。

开始阅读文档

专为零设计而打造

如果您刚刚雇用的时髦设计师不能在这强大的表格上施展他们的UI魔法，那有什么好处呢？ TanStack 表格采用 headless 设计，这意味着对于最小的HTML标签、组件、类和样式都有100%的控制权。像素完美？就去做吧！

大能量，小体积

不要被小包装大小所迷惑。TanStack表格是一台干活的机器。它被构建用于利用非常小的API接口来实现实例化、过滤、排序、分组、聚合、分页和显示大规模数据集。将您的新表格或现有表格连接起来，然后观察您的用户立刻变得更加高效。

Extensible

TanStack表格附带出色的默认设置，让您尽快启动，但您可以完全自由地进行定制和覆盖，以满足您的喜好。有足够的毅力构建自己的Sheets/Excel/AirTable克隆吗？我们非常欢迎您的加入 😉

无框架限制 & 功能丰富

TanStack Table的API和引擎都是高度模块化且与框架无关，同时优先考虑人性化设计。以下是必备功能列表：

轻量级 (10 - 15kb) 树摇 (Tree-Shaking) 无界面 (Headless) 单元格格式化 (Cell Formatters) 自动管理内部状态 (Auto-managed internal state) 选择性完全控制状态 (Opt-in fully controlled state) 排序 (Sorting) 多重排序 (Multi Sort) 全局过滤器 (Global Filters) 列过滤器 (Columns Filters) 分页 (Pagination) 行分组 (Row Grouping) 聚合 (Aggregation) 行选择 (Row Selection) 行展开 (Row Expansion) 列排序 (Column Ordering) 列可见性 (Column Visibility) 列调整大小 (Column Resizing) 可虚拟化 (Virtualizable) 服务器端/外部数据 (Server-side/external Data) 嵌套/分组表头 (Nested/Grouped Headers) 页脚 (Footers)

这些公司正在使用TanStack Table

IntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.ioIntuitGoogleAmazonAppleAutoZoneMicrosoftCiscoUberSalesforceWalmartWixHPDocusignTripwireYahoo!OcadoNordstromTicketMasterComcast BusinessNozzle.io

让我们试试看吧！🎡

只需一些基本样式、一些表格标记和少数列，您就已经在创建一个非常强大的表格的路上了。

GitHub