在 PrimeNG 中过滤后自定义排序不起作用 table
Custom sort not working after filtering in PrimeNG table
自定义排序和过滤单独工作正常,但在应用本地过滤器后,自定义排序不起作用。在控制台上打印排序输出时,它给出了预期的输出,但前端没有更新。
这是问题的 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
进行排序。
自定义排序和过滤单独工作正常,但在应用本地过滤器后,自定义排序不起作用。在控制台上打印排序输出时,它给出了预期的输出,但前端没有更新。
这是问题的 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
进行排序。