dataTable primeNG 的默認行選擇

Question

如何在給定記錄后自動選擇 dataTable 中的一行？ 數據表具有排序列和分頁。 在給定記錄之后，我希望在存在的頁面上選擇該記錄。

Answer 1

dataTable具有一個名為[(selection)]的屬性（數組），可以添加/刪除/預選擇行，您只需從數組中添加/刪除值即可

預選nth ：

零件：

 ngOnInit() {
   this.data = [/*data*/];           
   this.selectedItems = [ this.data[n-1]];
 }

模板：

<p-dataTable [value]="data" [(selection)]="selectedItems">

Answer 2

以下將有所幫助。

在 HTML 部分，將此屬性添加到數據表中

 [(selectedRow)] = "rowIWantToGetSelected"

在組件中，只需使用數組中的項目填充此“rowIWantToGetSelected”。 例如這是第一行

this.rowIWantToGetSelected = recordsArray[0]

重要提示：Ng prime 需要一個名為 rowId 的屬性和行號（起始索引 0）。 如果您的模型沒有它，請將該屬性添加到它並使用行號更新它。 如果你沒有這個屬性，它不會選擇預期的行。 以下是選擇第一行的示例。

this.rowIWantToGetSelected = { 
  ...recordsArray[0],
  rowId : 0
}