如何在ag网格（Angular）中设置默认选择的第一行

Question

如何在angular中设置默认选中的ag-grid第一行。

代码如下： https://stackblitz.com/edit/ag-grid-angular-hello-world-xabqct?file=src/app/app.component.ts

我希望打开应用程序时默认选择第一行。

Answer 1

您需要有一个属性来唯一标识一条记录（例如id）。

1. 在您的模板中提供此功能。

[getRowNodeId]="_getRowNodeId"

_getRowNodeId(data) {
  return data.id;
}

1. 为rowData的每个对象提供这个id

2. 在onGridReady中，调用gridApi的getRowNode(id).selectThisNode(true)选择第一条记录。

this.gridApi.getRowNode(1).selectThisNode(true);

查看此更新的StackBlitz 以供参考。