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
}