如何在AngularJS ui-grid中对分组行进行排序？

Posted 2021-05-04

如何在AngularJS ui-grid中对分组行进行排序？

就像在官方grouping tutorial中一样，在演示网格中，如果我按升序对天平列进行排序，则所有分组行都不会更改，但排序实际上对每个分组行下的行生效。如下图所示。

问题是，我如何使其工作，以便排序可以在分组的行上工作。

我试图将groped列的排序优先级设置为高于0，但这似乎不起作用。

答案

您可以在columnDefs中添加sort：{priority：1，direction：'asc'}

exp $ scope.gridOptions {

columnDefs：[

{name：'Company'，sort：{priority：1，direction：'asc'}}]

}

另一答案

可能无法实现。看起来像ui网格的已知限制

参考：https://github.com/angular-ui/ui-grid/issues/3930

注意：分组利用排序功能，允许用户更改排序顺序或使用外部排序功能，并将结果列表分组。标记为已分组的列始终移至排序优先级的高位，因为必须对数据进行排序以允许分组。