How to set the ag-grid first row selected by default in angular.

here's the code: /app/appponent.ts

I want the first row is selected by default when opening the application.

How to set the ag-grid first row selected by default in angular.

here's the code: https://stackblitz./edit/ag-grid-angular-hello-world-xabqct?file=src/app/app.ponent.ts

I want the first row is selected by default when opening the application.

• javascript
• angular
• typescript
• ag-grid

Share Improve this question Follow asked Jan 20, 2020 at 4:29 ABCABC 83266 gold badges2020 silver badges4545 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

You need to have a property to uniquely identify a record (eg. id) for this.

1. Provide this function in your template.

[getRowNodeId]="_getRowNodeId"

_getRowNodeId(data) {
  return data.id;
}

2. Provide this id for each object of rowData

3. In onGridReady, call gridApi's getRowNode(id).selectThisNode(true) to select the first record.

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

Check this updated StackBlitz for reference.