使用分組來組織複雜資料

將相關的網格列分組成清晰、易於瀏覽的結構,使大型資料集更容易探索、比較和分析。

使用分組來組織複雜資料

React 網格中的分組功能能讓開發人員根據共用的值(例如類別、狀態、區域或日期)將列組織成邏輯分組。透過將相關記錄一起呈現(通常附有可展開和收合的分組、彙總值和多層分組),使大型資料集更容易瀏覽和分析。對開發人員而言,分組能減少建立自訂資料組織介面的需求,同時為使用者提供更清晰的方式來識別模式、比較相關記錄並有效率地處理複雜資料集。

多個 React 網格元件包含分組功能,包括:

  • DevExtreme React Data Grid(由 DevExpress 提供)允許您依單一或多欄分組記錄,具有可收合的群組和可配置的使用者驅動分組控制項。
  • KendoReact Data Grid(由 Telerik 提供)支援使用可配置的顯示模式、可展開的群組及分組彙總的表格資料分組。
  • Wijmo React DataGrid (FlexGrid)(由 MESCIUS 提供)允許最終使用者透過互動式拖放實現多層資料分組。
  • Handsontable(由 Handsoncode 提供)可讓您使用多層巢狀標題來分組相關欄位,包含可收合群組以更清楚地組織資料集。

欲深入了解功能與價格分析,請參閱我們的 React 網格元件比較。

比較 React 網格元件