title: UI-grid grouping auto expand
body: <p>Does anybody know how to automatically expand a UI-grid that is performing a grouping? I need the grid to open up and start up with it being completely expanded.</p>
  
  <p>Their API and Tutorial reference doesn't explain explicitly enough for me to understand.</p>
  
  <p>My HTML div</p>
  
  <pre><code>&lt;code&gt;
  &amp;lt;div id="grid1" ui-grid="resultsGrid" class="myGrid" ui-grid-grouping&amp;gt;&amp;lt;/div&amp;gt;
  &lt;/code&gt;
  </code></pre>
  
  <p>My Javascript
      <pre>
      <code>
      $scope.resultsGrid = {
        ,columnDefs: [
        { field:'PhoneNum', name:'Phone'},
        { field:'Extension', name:'Extension'},
        { name:'FirstName'},
        { field:'DeptDesc', grouping: {groupPriority: 0}} 
        ]
      ,onRegisterApi: function(gridApi)
        {
        $scope.gridApi = gridApi;
        }
      }
      </code>
      </pre></p>