title: How to manually set the page and total results on first load of Kendo UI Grid attached to a remote dataSource (autoBind:false)?
body: <p>A similiar question is posted on a forum <strong><a href="http://www.telerik.com/forums/manually-specify-total-number-of-items" rel="nofollow">here</a></strong>, but with no answer.<br> 
  A demonstration of the problem can be seen in this <strong><a href="http://jsfiddle.net/4EDys/2/" rel="nofollow">fiddle here</a></strong>. Notice the page is 0 and it says "No items to display" for total pages.</p>
  
  <p>For <em>progressive enhancement</em> reasons, <br>
  My grid is initially loaded from an existing HTML table. This is good for SEO and is the true advantage of progressive enhancement. However, I want my Kendo Grid to use ajax to reload it's data (for such operations like sorting, pagination, etc). On initialization I set the dataSource to have a remote read url. This works great, but with one problem: it runs an unnecessary ajax call on the first load. Remember, I already generated the first set of data by reading from an existing HTML table...</p>
  
  <p>To avoid the unnecessary first ajax call, I added <code>autoBind:false</code> to my grid initialization. But the side-effect is that now the grid incorrectly says page is <code>0</code> and the total number of pages shows <code>no items for display</code>.</p>
  
  <p>What good is <code>autoBind</code> if you can't setup these elements on first load programmatically? <strong>Any ideas on how I can suppress the first ajax call, and manually set the page number and total pages myself on first load?</strong></p>
  
  <pre><code>$("#grid").kendoGrid({
       sortable: true,
       pageable: true,
       resizable: true,
       selectable: "multiple",
       autoBind: false,
       dataSource: {
          transport: {
              read: {
                      type: "GET",
                      dataType: "json",
                      url: "some url here",
              }
          },
          pageSize:40,
          serverPaging: true,
          serverSorting: true,
          schema: { 
                     data: "rows",
                     total: function(data){
                                 return data.total;
                            }
                  } 
       }
       columns: [{
                      field: "id",         
                      title: "ID",
                      width:3, 
                  },{
                      field: "name",   
                      title: "Name",          
                      width:13, 
                  },{
  ...
  </code></pre>