title: jqgrid virtual scrolling(load on scroll) setup
body: <p>i want to use the load on scroll(virtual scrolling) feature for my data in jqgrid.</p>
  
  <p>i have been looking for good documentation and examples of it, but all i found for only asp.net framework, which were also not so helpfull.</p>
  
  <p>i am using java-spring framework on server side.</p>
  
  <p>please suggest some way to implement virtual scrolling feature for my grid.</p>
  
  <p>my grid set up is like this.</p>
  
  <pre><code>jQuery("#tree").jqGrid({
      url:'json/jsonSamplePots.json',
      datatype: "json",
      mtype:'GET',
      colNames: ["id", "no.", "name", "col1", "col2", "col3", "col4", "col5", "col6", "col7", "col8", "col9", "col10", "col11", "col12", "col13", "col14", "col15", "col16"],
      colModel: [
          {name:'id',width: 30, editable:false, align:"right",sortable:false, hidden: true, key: true},
          {name:'no',width:80, editable:false, align:"left", sortable:true, sorttype:"int"},
          {name:'name', width:150, editable:true, sortable:true, sorttype:"text"},
          {name:'col1', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
          {name:'col2', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
          {name:'col3', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
          {name:'col4', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
          {name:'col5', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
          {name:'col6', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
          {name:'col7', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"int"},
          {name:'col8', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
          {name:'col9', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
          {name:'col10', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"int"},
          {name:'col11', width:120, editable:true, align:"left", sortable:true, sorttype:"text"},
          {name:'col12', width:80, editable:true, align:"left", sortable:true, sorttype:"text"},
          {name:'col13', width:80, editable:true, align:"right", sortable:true, hidden: true, sorttype:"text"},
          {name:'col14', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"text"},
          {name:'col15', width:300, editable:true, align:"left", sortable:true, sorttype:"int"},
          {name:'col16', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
      ],
  
      treeGridModel:'adjacency',
      treeGrid: true,
      cellEdit: true,
      ExpandColumn:'name',
      cellsubmit : 'clientArray',
      scroll : 1,
      loadonce : false,
      jsonReader : {
   root:"listTasks",
   cell:"",
   id: "id",
   repeatitems:false
  
  }
  </code></pre>
  
  <p>});</p>
  
  <p>Thanks in advance.. !!</p>