title: How to use Angular UI-Grid with Server Side Paging
body: <p>I'm using AngularJs <a href="http://ui-grid.info/">Ui-Grid.info</a> to display dynamic data grids, I love it but now I have to hook it up to a database table with 60,000 records using server-side filtering and paging and it appears that the pagination options for this plugin is only for client side paging.</p>
  
  <p>Has anyone been able to get this working with Server Side Paging. Do you have a code example.</p>
  
  <p><strong>View Code</strong></p>
  
  <pre><code>&lt;div class="gridContainer"&gt;
      &lt;div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-auto-resize ui-grid-pagination&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Part of the Controller</strong></p>
  
  <pre><code>$scope.gridOptions = {
      enableFiltering: true,
      enableColumnResize: true,
      paginationPageSizes: [25, 50, 75],
      paginationPageSize: 25,
      columnDefs: [
          {
              //field: 'Id', width: 60, displayName: 'Id', enableFiltering: false
              field: 'id', width: 60, displayName: 'Id', enableFiltering: false
          },
          {
              field: 'skill_count',
          },
          {
              field: 'name'
          } 
      ]
  };
  
  $scope.loadData = function () {
      skillService.getUnprovisioned(function (data) {
          $scope.gridOptions.data = data;
      });
  };
  </code></pre>