数据表格 - 行分组示例

高级表格自定义示例。

在行点击时切换分组

在下面的演示中，您可以通过点击分组行的任何位置来切换分组

固定分组列

使用 GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD 来固定分组列。在下面的演示中，Company 列被固定

按子行数对行分组进行排序

默认情况下，行分组列使用分组列的 sortComparator 进行排序。

要按子行数对行分组进行排序，您可以使用 groupingColDef.sortComparator 覆盖它

在页脚中显示子行计数

默认情况下，页脚中的行数是筛选后可见的顶层行数。

在下面的演示中，一个 CustomFooterRowCount 组件被添加到 footerRowCount 插槽中。此组件使用 gridFilteredDescendantRowCountSelector 获取子行数，并将其与组数一起显示。