Primeng 数据表 rowTrackBy

Question

我在网上搜索了一个使用 rowTrackBy 的 primeng 数据表的好例子。文档不全，不多说。有没有人可以提供帮助？

Answer 1

很像ngFor中的trackBy函数。您只需要提供一个以索引和项目作为参数的函数，然后 return 您正在跟踪的内容。例如

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

Answer 2

只是想展示在 table 模板以及此答案中使用 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
}

Primeng 数据表 rowTrackBy

Primeng Datatable rowTrackBy

angular

primeng

primeng-datatable