title: Angular UI-Grid row fillers
body: <p>Is there a way to have UI Grid fill in empty rows to fill your grid's height?</p>
  
  <p><img src="https://i.stack.imgur.com/SVQJE.png" alt="enter image description here"></p>
  
  <p>CSS:</p>
  
  <pre><code>.myGrid{
  width: 100%;
  height: 600px;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div ui-grid="{data: folderData}" class="myGrid"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$scope.folderData =[
      {
      "folderName": "My Photos",
      "folderPath": "/path/pictures",
      "fileCount": "400",
      "fileSize": "150MB"
      }
      //...
  ];
  </code></pre>