title: Lazy Load with Scrollable {Virtual:true} not working in Kendo UI Grid
body: <p>I am facing an issue to implement lazy loading in kendo ui grid.
  I added scrollable virtual property and backend server side code to handle it but issues is after adding scrollable property I am unable to see scroll bar in my Grid. 
  Even the selected rows (20 page size) disappears off the bottom of the grid into the hidden overflow area.</p>
  
  <p>Here is my code.</p>
  
  <pre><code>var managecustomerGrid = $("#customerGrid").kendoGrid({
      dataSource: {
          schema: {
              data: "results",
              total : "totalRecords",
              model: {
                  id: "SRNUMBER",
                  fields: {
                      SRNUMBER : {type: 'number'},
                      CUSTOMERNAME : {type: 'string'},
                      DATEPAID : {type: 'string'}
                  }
              }
          },
          serverPaging: true,
          serverSorting: true,
          serverFiltering: true,
          pageSize: 20,
          batch: false,
          transport: {
              read: {
                  type: "POST",
                  url: "/customer/customer.cfc",
                  dataType: "json",
                  error: function (xhr, error) {
                      alert('Error In Getting Customer Information.');
                  }
              },
              parameterMap: function(options, type) {
                  return {
                      ntPageNumber: options.page,
                      ntRowLimit: options.pageSize,
                      vcSortOrder: JSON.stringify(options.sort),
                      vcFilterCondition: JSON.stringify(options.filter)
                  }
              }
          }
      },
      toolbar: kendo.template($("#template").html()),
      height: 600,
      scrollable: {
          virtual: true
      },
      filterable: {
          operators: {
              string: {
                      contains: "Contains",
                      startswith: "Starts with",
                      endswith: "Ends with",
                      eq: "Is equal to",
                      doesnotcontain: "Doesn't contain"
              }
          }
      },
      sortable: true,
      columns: [      
          { field: "SRNUMBER", title: "SR No.", width: "80px", template: "&lt;span id='#=SRNUMBER#'&gt;#=SRNUMBER#&lt;/span&gt;"},
          { field: "CUSTOMERNAME", title: "Customer Name", width: "110px"},
          { field: "DATEPAID", title: "Date", width: "110px"},
          { command: ["edit","detail","cancel"], title: "&amp;nbsp;",  title: "Actions", width: "130px", filterable: false, sortable: false}
      ]
  });
  </code></pre>
  
  <p>Please let me know if any one find any issues. I am unable to get it.</p>