title: Is there any way/api to set a certain row to be shown at the top in ag-grid?
body: <p>When I don't do/call any grid api, it, of course, displays the grid-look with the very first index row. But here what I'd like to achieve is with ag-grid is that I want to set a certain row to be shown at the top. I've tried using <code>ensureIndexVisible</code> api with <code>targetIndex</code> on the <code>firstDataRendered</code> event hook but it causes an awkward user experience as it scrolls down to the row after it finishes rendering. So I'm wondering if there's any other approach for this needs yet with un-awkward user experience. Here's my trying snippet:</p>
  
  <p><strong>Using Angular 7</strong></p>
  
  <pre><code>// template
  &lt;ag-grid-angular
    [rowData]="rowData"
    (firstDataRendered)="onRendered()"&gt;
  &lt;/ag-grid-angular&gt;
  
  // component
  onRendered(): void {
    const targetIndex = this.getTargetIndex();
  
    this.gridOptions.api.ensureIndexVisible(targetIndex, 'top');
  }
  </code></pre>