資料格線 - 行分組範例

進階格線自訂範例。

在點擊列時切換群組

在以下示範中，您可以透過點擊分組列上的任何位置來切換群組

釘選分組欄

使用 GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD 來釘選分組欄。在以下示範中，Company 欄位已被釘選

依子列數量排序行群組

預設情況下，行分組欄使用分組欄的 sortComparator 進行排序。

若要依子列數量排序行群組，您可以使用 groupingColDef.sortComparator 覆寫它

在頁尾顯示子列計數

預設情況下，頁尾的列計數是在篩選後可見的頂層列的數量。

在以下示範中，CustomFooterRowCount 元件已新增至 footerRowCount 插槽。此元件使用 gridFilteredDescendantRowCountSelector 來取得子列數量，並與群組數量一起顯示。