带排序的 Angular 7 行分组

Question

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

例如看这个页面：

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 模块，但问题是它也对组名进行了排序，并且丢失了组完整性。

有任何想法吗？

Answer 1

希望这对你有帮助。

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

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