首页 > 解决方案 > Angular 7 行分组与排序

问题描述

我一直在看几个有角度的行分组示例。但是,我还没有找到任何具有可排序的内部组。

例如看这个页面:

http://swimlane.github.io/ngx-datatable/#row-grouping

我希望能够在组内按名称排序。

ag-grid 可以做到这一点,但许可证非常昂贵。

https://www.ag-grid.com/javascript-grid-grouping/

这似乎是一个很好的分组示例,但是没有排序: https ://ej2.syncfusion.com/angular/documentation/grid/grouping/

这是没有任何库的基本库: https ://stackblitz.com/edit/angular-material-table-row-grouping

这是我开始的:

https://stackblitz.com/edit/angular-mattable-with-groupheader?file=app/table-basic-example.html

我向它添加了一个基本的 mat-sort 模块,但问题是它也对组名进行了排序,并且组完整性丢失了。

有任何想法吗?

标签: angularangular-material

解决方案


希望这对您有所帮助。

  • 行分组
  • 行展开
  • 标题列排序

https://stackblitz.com/edit/angular-material-table-row-grouping-expand-sort


推荐阅读