dataTable primeNG 的默认行选择

Question

如何 select 在给定记录后自动在 dataTable 中添加一行？ dataTable 具有排序列和分页。在给定记录之后，我希望该记录在存在的页面上 selected。

Answer 1

dataTable 有一个名为 [(selection)] 的属性（数组），对于 add/remove/preselect 行，您只需 add/remove 数组中的值

预select 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）。如果您的模型没有它，请将属性添加到它并使用行号更新它。如果您没有这个属性，它不会 select 预期的行。以下是 selecting 第一行的示例。

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

Default row selection for dataTable primeNG