title: Kendo-grid not paging local data
body: <p>I'm trying to figure out how to make paging work with local data. Currently I have a DataSource:</p>
  
  <pre><code>vm.kendoData = new kendo.data.DataSource({
          serverPaging: true,
          pageSize: 5
      });
  </code></pre>
  
  <p>And when I get the data from server it is assigned to the DS:</p>
  
  <pre><code>vm.kendoData.data = $scope.records;
  </code></pre>
  
  <p>The following is the grid mark-up:</p>
  
  <pre><code>&lt;kendo-grid data-source="vm.kendoData.data" options="vm.gridOptions"&gt;&lt;kendo-grid&gt;
  </code></pre>
  
  <p>And this is the options definition:</p>
  
  <pre><code>vm.gridOptions = {
          columns: [
              {
                  field: "Col1",
                  title: "Col1",
                  width: "120px"
              }, {
                  field: "Col2",
                  title: "Col2",
                  width: "120px"
              }, {
                  field: "Col3",
                  title: "Col3",
                  width: "120px"
              }, {
                  field: "Col4",
                  title: "Col4",
                  width: "120px"
              }
          ],
          pageSize: 10,
          pageable: true,
          dataBound: function () {
              this.expandRow(this.tbody.find("tr.k-master-row").first());
          }
      }
  </code></pre>
  
  <p>What am I missing?</p>