angular - 如何使用行分组对 PrimeNG DataTable 中的数据进行排序

Question

我想做的是对已经按字母顺序或自定义顺序分组的数据进行排序。我使用了指定组头顺序的 sortField 属性，但我也需要对组内的数据进行排序。

Answer 1

我也有同样的问题。我添加了自定义排序来解决这个问题

添加自定义排序

<p-column   field="color" header="color"  sortable="custom" (sortFunction)="sortByColor($event)"></p-column>

在 typescript 中创建一个自定义排序

sortByColor(e) {
    this.cars.sort(function (a, b) {
      let aGroup = a.name.toLowerCase();
      let bGroup = b.name.toLowerCase();
      if (aGroup > bGroup) return 1;
      if (aGroup < bGroup) return -1;
      let aSort = a.color.toLowerCase();
      let bSort = b.color.toLowerCase();
      if (aSort > bSort) return 1;
      if (aSort < bSort) return -1;
      return 0
    });
  }