title: Pagination using kendo grid does not work on page load
body: <p>In my js. i am loading data using kendoGridOptions. I have mapped the data source which fetches all the records. I have configured pageable = true. However noticed that when page load the pagination option are not available they become available only on when i sort one of the columns. following is the configuration of my grid and data source</p>
  
  <p>var enhancedGridOptions = mydataKendoGridManager.kendoGridOptions({</p>
  
  <pre><code>        dataSource: myGridDataSource,
          sortable: true,
          scrollable: true,
          editable:false,
          resizable: true,
          reorderable: true,
          pageable: true,
          columnResize: function (e) {
              adjustLastColumn(e, this);
          },
          columns:
              [
                  {
                      field: "dealType",
                      title: $.i18n.prop('buyType.label'),
                      width: "108px"
                  },
                  {
                      field: "myStatus",
                      title: $.i18n.prop('myStatus.label'),
                      width: "105px"
                  },
                  {
                      field: "action",
                      title: $.i18n.prop('action.label'),
                      width: "105px"
                  },
                ],
          pdf:
          {
              fileName: "my_List_" + (new Date()).toString(myformat + "_HH:mm") + ".pdf",
              allPages: true,
          },
          excel:
          {
              fileName: "my_List_" + (new Date()).toString(myformat + "_HH:mm") + ".xlsx",
              allPages: true,
          }
  
      }
  </code></pre>
  
  <p>and my data source is configured as below</p>
  
  <pre><code> transport: {
                  read: function (e) {
                      myapi.rootGet("data/mylist?dealId=" + id, function (response) {
                          var data;
                         // console.log(response.data)
                          if (_.isString(response.data)) {
                              response.data = JSON.parse(response.data);
                              data = response.data;
                              setTimeout(function () {
                                  e.success(data);
                              }, 10000);
                          }
                          else {
                              e.error("XHR response", response.status, JSON.parse(response.data));
                          }
                      });
                  },
  
              },
                  schema:
              {
                  model: {
                      id: "id",
                      fields: {
                          dealType: {
                              type: "string"
                          },
                          myStatus: {
                              type: "string"
                          },
                          action: {
                              type: "string"
                          },
  
                      }
                  },
                  parse:function(data)
                  {
                      return parseData(data);
                  }
  
              },
                  serverSorting: false,
                  serverFiltering: false,
                  serverPaging: false
          };
  </code></pre>
  
  <p>appreciate if someone can guide what is missing on pagination that does not work on page load. </p>
  
  <p>Thanks,
  Anjana</p>