title: How to dynamically resize the UI Grid according to the number of records?
body: <p>firstly I dont want vertical scroll bar 
  I'm doing something like this</p>
  
  <p><code>var height = (rowLength*30)+100;</code>
  <code>angular.element(document.getElementById('grid1')).css('height', height + 'px');</code></p>
  
  <p>with this I am able to resize the grid but it always shows the number of records visible to the viewspan.
  For ex. I have 40 records fetched from the rest side and resized the grid accordingly but it would only display 25 records and remaining page goes blank.</p>
  
  <p>Any share on this one?
  Thanks!</p>