title: Kendo UI - Grid - Not showing pageable correctly
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/14253912/kendo-ui-grid-always-starts-at-page-0">Kendo UI Grid Always Starts at Page 0</a>  </p>
  </blockquote>
  
  
  
  <p>Set up a Kendo UI grid and most of it is working fine, but  at page load the pagable data is not loading correctly. (It is loading correct after changing items per page to 10 and is loading incorrect again after refreshing with the bottom right button)</p>
  
  <p>My code:</p>
  
  <pre><code>    &lt;div id="example" class="k-content"&gt;
          &lt;div id="clientsDb"&gt;
  
              &lt;div id="grid"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;script&gt;
              $(document).ready(function() {
                  $("#grid").kendoGrid({
              dataSource: {
                  transport: {
                      read: "data/weight.php"
                  },
                  schema: {
                      data: "data",
  
                  },
  
                  pageSize: 5
  
              },      height: 250,
                      scrollable: true,
                      sortable: true,
                      filterable: true,
                      pageable: {
                          refresh: true,
                          pageSizes: true
                      },
                      groupable: true,
                      selectable: true,
  
                      columns: [ {
                              field: "w_user",
                              width: 50,
                              title: "User"
                          } , {
                              field: "w_weight",
                              width: 70,
                              title: "Weight"
                          }, {
                              field: "w_stamp",
                              title: "Stamp",
                              width: 160,
                              template: '#= kendo.toString(w_stamp,"dd MMMM yyyy") #'
                          }, {
                              field: "w_comment",
                              title: "Comments"
                          }
                      ]
                  });
              });
          &lt;/script&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>First screen (incorrect):
  <a href="http://www.informatiebron.nl/images/scr1.png" rel="nofollow noreferrer">http://www.informatiebron.nl/images/scr1.png</a></p>
  
  <p>Second screen (correct):
  <a href="http://www.informatiebron.nl/images/scr2_correct.png" rel="nofollow noreferrer">http://www.informatiebron.nl/images/scr2_correct.png</a></p>
  
  <p>Anyone an idea to solve this?</p>
  
  <hr>
  
  <p><a href="https://stackoverflow.com/a/14255509/2039657">https://stackoverflow.com/a/14255509/2039657</a> 
  had the solution/workaround. Thanks for that suggestion.
  In my case i needed the function to get it to work again.</p>