<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxgrid_dhx_skyblue.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxgrid.js"></script>
<script  src="../../codebase/ext/dhtmlxgrid_srnd.js"></script>
<script  src="../../codebase/dhtmlxgridcell.js"></script>
 
 
 <p>
    To increase grid performance working with very large amoung of data you can enable <strong>Smart Rendering</strong> mode with dynamical loading of rows from server (already loaded rows remain on client side).
    <br>
    To achieve this you should add the following javascript command:
    <br>
    <em>yourGrid.enableSmartRendering(mode,count);</em>
    <br><br> 
    - and make your server side output records based on incomming parameters: <br>
    <div>posStart -the first row in portion</div>
    <div>count - number of rows to return</div>
            <div id="gridbox" style="width:600px;height:250px;background-color:white;"></div>
<br>
<script>
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("../../codebase/imgs/");
mygrid.setHeader("Order,Index,Request info");
mygrid.setInitWidths("50,275,*");
mygrid.setColAlign("right,left,left");
mygrid.setColTypes("ed,ed,ed");
mygrid.setColSorting("na,na,na");
mygrid.init();
mygrid.setSkin("dhx_skyblue");
mygrid.enableSmartRendering(true, 50);
mygrid.loadXML("php/dynload.php");</script>