using AgGridReact I want to make specific rows selected when grid is binding using ag-grid reactjs

user_5277512 0
Viewed 345
 <AgGridReact
                // properties
                columnDefs={this.columnDefs}
                rowData={this.state.rowData}
                defaultColDef={this.defaultColDef}
                // events
              //  isRowSelectable={this.isRowSelectable}
                rowSelection={this.rowSelection}
                onSelectionChanged={this.onSelectionChanged.bind(this)}
                frameworkComponents={this.frameworkComponents}
                onGridReady={this.onGridReady}
              ></AgGridReact>
    onGridReady = (params) => {

        this.gridApi = params.api;
        this.gridColumnApi = params.columnApi;
        params.api.sizeColumnsToFit();

      };

I know this will work for me rowNode.setSelected(rowNode.data.id === 58); but in which method should I call this. Thanks in advance :)

ag-grid-react ag-grid reactjs
1 Answers

Here you go, you can set the default selected row once data is set in state

Code snippet :

this.setState({ rowData: data },() => {
    this.gridApi.forEachNodeAfterFilter(function(rowNode) {
        rowNode.setSelected(rowNode.data.id === 58);
    });
});

WORKING DEMO

user_23494070
Related