在 PrimeNG 表中过滤后自定义排序不起作用

如何解决在 PrimeNG 表中过滤后自定义排序不起作用

自定义排序和过滤单独工作正常，但在应用本地过滤器后，自定义排序不起作用。在控制台上打印排序输出时，它提供了预期的输出，但前端没有更新相同的输出。

这是该问题的 stackblitz 实现： https://stackblitz.com/edit/github-ot8vny?file=src/app/app.component.ts

解决方法

导入排序事件

import { SortEvent } from 'primeng/api';

然后把排序函数改成这样：

onSorting(event: SortEvent) {
    event.data.sort((d1,d2) => {
      let v1 = d1[event.field];
      let v2 = d2[event.field];
      return event.order === -1 ? v1.localeCompare(v2) : v2.localeCompare(v1);
    });
  }

您需要使用 event.data 进行排序。