angular - Primeng 数据表 rowTrackBy

Question

我在网上搜索了一个不错的带有 rowTrackBy 的primeng 数据表示例。文档不完整，没有多说。有没有人可以提供帮助？

Answer 1

只是想在这个答案中展示在表格模板中使用 rowTrackBy 的位置和方式：

<p-table #tt [value]="data" [lazy]="true" (onLazyLoad)="loadDataLazily($event)" [paginator]="true"
                            [rows]="dataSize" [totalRecords]="totalRecords" 
                            [rowsPerPageOptions]="[10,20,30]" [rowTrackBy]="trackByFunction">

trackByFunction = (index, item) => {
    return item.id // O index
}

Answer 2

它与 ngFor 中的 trackBy 函数非常相似。您只需要提供一个以索引和项目作为参数的函数，然后返回您正在跟踪的内容。例如

trackByFunction = (index, item) => {
    return item.id // O index
}