DHTMLX Docs & Samples Explorer

Smart Rendering

To increase grid performance working with very large amoung of data you can enable Smart Rendering mode with dynamical loading of rows from server (already loaded rows remain on client side).
To achieve this you should add the following javascript command:
yourGrid.enableSmartRendering(mode,count);

- and make your server side output records based on incomming parameters:

posStart -the first row in portion
count - number of rows to return

Source
<!DOCTYPE html>
<html>
<head>
	<title>Smart Rendering</title>
	
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<link rel="stylesheet" type="text/css" href="../../../codebase/dhtmlx.css"/>
	<script src="../../../codebase/dhtmlx.js"></script>
</head>
<body>
	
	<h1>Smart Rendering</h1>
	 <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.enableSmartRendering(true,50);
    mygrid.loadXML("php/dynload.php");


</script>


</body>
</html>