title: ag-grid & angular: autoSizeColumns() truncates cell text
body: <p>I am using ag-grid v21 &amp; Angular 6, with a server side row model. I want to automatically resize the column widths, but the behaviour is not quite what I expect.</p>
  
  <p>As I am getting data asynchronously, I do a <code>gridColumnApi.autoSizeColumns(...)</code> when I get the data in <strong>onGridReady()</strong> (I also tried doing this in <strong>onFirstDataRendered()</strong>, but it had the same behaviour).</p>
  
  <p>This renders the data like this, truncating the values (screenshot 1):</p>
  
  <p><a href="https://i.stack.imgur.com/71Ww6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/71Ww6.jpg" alt="enter image description here"></a></p>
  
  <p>If I trigger the column resize manually by double clicking the vertical column separator, like in Excel, the column is resized to what I want (screenshot 2):</p>
  
  <p><a href="https://i.stack.imgur.com/fRF8d.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fRF8d.jpg" alt="enter image description here"></a></p>
  
  <p>My question is: how can I achieve the behaviour from screenshot 2 automatically? </p>
  
  <p>(Is this a timing problem, i.e. when I manually resize by double clicking, the grid has more information than upon the initial rendering and that's why the column is resized correctly?)</p>
  
  <p><strong>EDIT</strong>: Seems to be a timing issue. I am now resizing in onGridSizeChanged(), and sometimes (when onGridReady() takes longer (?), and onGridSizeChanged() is called after onGridReady()), it resizes correctly.</p>
  
  <p><strong>EDIT2</strong>: Solved, sort of. It is a specific aspect of my use case that causes the ambiguous timing, see comments below.</p>