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
}