table

尋找react-table的第7版？點擊這裡！

享受這個圖書館嗎？

嘗試其他Tanstack庫：

• Tanstack查詢
• 曬黑桌
• Tanstack路由器
• Tanstack虛擬
• Tanstack形式
• Tanstack Ranger

請訪問tanstack.com/table以獲取文檔，指南，API等！

您可能也知道我們的適配器名稱的Tanstack表！

• 角桌
• 點亮的桌子
• Qwik桌
• 反應表
• 實心桌
• 苗條的表
• vue表

概括

TanStack Table是一個無頭桌庫，這意味著它不帶有組件，標記或樣式。這意味著您可以完全控制標記和样式（CSS，CSS-IN-JS，UI組件庫等），這也是使其便攜性的原因。您甚至可以在React Native中使用它！

如果您想要一張可以完全控制標記和實現的輕量級表，則應考慮使用無頭桌庫的Tanstack表。

如果您想要一個具有更多功能的基於現成的組件表，但圍繞標記/樣式/實現的限制更大，則應考慮使用我們的OSS合作夥伴AG Grid的基於組件的表庫AG Grid。

Tanstack表和AG網格是周圍最好的表/數據雜誌庫。我們沒有競爭，而是共同努力，以確保為整個JS/TS生態系統和每個用例提供最高質量的表/數據雜誌選項。

快速功能

• 不可知論（JS/TS）
• React，Vue，實心的一級框架綁定
• 〜15kb或更少（搖樹）
• 100％打字稿（但不需要）
• 無頭（100％可自定義的，自己擁有的UI）
• 自動開箱即用，選擇可控狀態
• 過濾器（列和全局）
• 排序（多列，多方向）
• 分組與聚合
• 旋轉（即將推出！）
• 行選擇
• 行擴展
• 列可見性/訂購/固定/調整
• 桌子分裂
• 動畫
• 虛擬化
• 服務器端/外部數據模型支持

從反應表V7遷移

值得注意的變化

• 完全重寫基本包中包含的類型的打字稿
• 刪除插件系統以支持更多控制權反轉
• 大大更大且改進的API（以及固定等新功能）
• 更好控制的國家管理
• 更好地支持服務器端操作
• 完成（但可選）數據管道控制
• 不可知論的核心與框架適配器適用於反應，固體，苗條，vue，以及將來更多
• 新的開發工具

遷移

有很多破裂的變化（他們值得，相信我們！）：

• 事實證明，Typescript使您的代碼變得更好/更安全，但通常還需要破壞架構的更改。
• 插件系統已被刪除，因此必須重寫插件以包裝/組合新功能API。如果您需要幫助，請與我們聯繫！
• 列配置選項已更改，但僅略有變化。
• 表選項大多是相同的，可選狀態管理/控制和數據管道控制周圍有一些更大的更改
• 該table實例在精神上與V7相似，已經重新配置了更快的速度。

安裝

根據您選擇的框架安裝以下軟件包之一：

 # Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework 

如何提供幫助？

• 嘗試已經移民的示例
• 在您自己的項目中嘗試一下。
• 內省類型！即使沒有文檔完成，圖書館也以100％打字稿發貨，以幫助您探索其功能。
• 閱讀貢獻指南
• 寫一些文檔！從API文檔開始，然後嘗試添加有關一個或多個功能的一些信息。這些類型在展示庫的支持和功能方面做出了不錯的工作。
• 使用插件？嘗試重寫您的插件（V8不再具有插件系統），為功能包裝器，該功能包裝器在內部使用Tanstack表。新的API功能更強大，更容易組成。如果您發現了一些您無法找到的東西，請告訴我們，我們將其添加到API中。

成為贊助商