title: ag-grid programmatically selecting row does not highlight
body: <p>Using Angular 4 (typescript), I have some code like below using ag-grid 12.0.2.  All I'm trying to do is load my grid and automatically (programmatically) select the first row.</p>
  
  <pre><code>:
  this.gridOptions = ....
      suppressCellSelection = true;
      rowSelection = 'single'
  :
  
  loadRowData() {
      this.rowData = [];
      // build the row data array...
      this.gridOptions.api.setRowData(this.rowData);
  
      let node = this.gridOptions.api.getRowNode(...);
      // console logging here shows node holds the intended row
      node.setSelected(true);
      // console logging here shows node.selected == true
  
      // None of these succeeded in highlighting the first row
      this.gridOptions.api.redrawRows({ rowNodes: [node] });
      this.gridOptions.api.redrawRows();
      this.gridOptions.api.refreshCells({ rowNodes: [node], force: true });
  </code></pre>
  
  <p>First node is selected but the row refuses to highlight in the grid.  Otherwise, row selection by mouse works just fine.  This code pattern is identical to the sample code here:  <a href="https://www.ag-grid.com/javascript-grid-refresh/#gsc.tab=0" rel="nofollow noreferrer">https://www.ag-grid.com/javascript-grid-refresh/#gsc.tab=0</a>  but <em>it does not work</em>.</p>
  
  <p>Sorry I am not allowed to post the actual code.</p>