行分组

在表中对行进行分组的能力能让最终用户快速、轻松地查看所示数据的结构,还可以展示每个组中所示数据的摘要信息。RowGroup 增强了 DataTables 的这一能力,用户可以自定义在 DataTable 中显示的起始和结束分组行,从而将汇总数据无缝集成到您的网站中。

下载

获取并使用 RowGroup 的最简单方法是使用 DataTables 下载生成器,您可以在其中选择您希望在页面上使用的软件,生成一个单独的 Javascript 和 CSS 文件,并为您提供托管。

或者,可以将 单独的文件 包含在您的页面中,下载发布软件包NPM 软件包 或使用 在 GitHub 上克隆源码控制存储库

初始化

在 DataTables 中使用 rowGroup 选项对 DataTable 进行初始化。在大多数情况下,您还需要设置 rowGroup.dataSrc 选项,告知 DataTables 数据源中用于初始分组的哪一点数据。还可以设置其他选项 - 请参阅参考文档以获取详细信息

$('#myTable').DataTable( {
    rowGroup: {
        dataSrc: 'group'
    }
} );

特性

RowGroup 为 DataTables 添加了以下特性

  • 数据分组
  • 分组开始和/或结束行的自定义渲染器
  • 动态更改分组数据点的 API
  • 动态启用和禁用此特性的 API
  • 与 DataTables 支持的其他样式库(Bootstrap、Foundation 等)完全集成

限制和未来工作

RowGroup 提供的特性十分有用,但在几个方面也受到限制。已知以下限制,并且将作为未来更新的主题(目前这些特性尚没有时间完成)

  • 无展开/折叠组的选项
  • 目前一次只能使用一个数据点进行分组 - 不支持嵌套分组
  • 单击并拖动列标题进行分组
  • 不支持的 按钮扩展 导出选项 - 分组信息只是被忽略了
  • 不支持 滚轮扩展

请参阅 兼容性图表 以获取更多信息。