title: Kendo UI Grid virtual scrolling makes infinite ajax hits
body: <p>I am loading a Kendo UI grid with virtual scrolling option on and for un-identified reasons when I scroll down when inside the grid infinite hits are made to the get grid data method.</p>
  
  <p>My page also has angular JS.</p>
  
  <p>The page number is always sent as one, but it should at least be incremented to two.</p>
  
  <p><strong>Grid has been defined as following:</strong></p>
  
  <pre><code>dataSource: {
      serverPaging: true,
      serverSorting: true,
      serverFiltering: true,
      pageSize: 10,
      transport: {
          read: URL
      },
      schema: {
          data: function(data) {
              /* Few business filter operation done here */
              return data.Items;
          },
          total: function(data) {
              if (data.Items != null &amp;&amp; data.Items.length &gt; 0) {
              // Every record of the current data set has total employees count
              // Thus returning the first value                                        
              return data.Items[0].totalEmployees;
          }
          return 0;
          },
                      scrollable: {
                          virtual: true
                      },
                  sortable: true,
                  columns: columns,
                  dataBound: function(arg) {
                      /* few more business operations */
                  },
                  scrollable: {
                      virtual: true
                  },
                  serverPaging: true,
                  serverSorting: true,
                  serverFiltering: true,
                  editable: {
                      'mode': 'inline',
                      'createAt': 'top'
                  },
  </code></pre>
  
  <p><strong>Image showing infinite hits:</strong>
  <a href="https://i.stack.imgur.com/Ll2ic.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ll2ic.jpg" alt="enter image description here"></a></p>