Filtering in Smart Rendering mode

This type of filtering enables filtering operation for records currently rendered on the page.

THIS PAGE CONTAINS SAMPLE FUNCTIONALITY OF PROFESSIONAL EDITION FOR DEMONSTRATION PURPOSE ONLY.
UNAUTHORIZED USE IS PROHIBITED. PLEASE CONTACT SALES@DHTMLX.COM TO OBTAIN A LEGAL COPY OF PROFESSIONAL EDITION.

Source

<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/ext/dhtmlxgrid_filter.js"></script>    
<script  src="../../codebase/dhtmlxgridcell.js"></script>
 
 
<div id="gridbox" style="width:600px; height:250px; background-color:white;"></div>
<script>mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("../../codebase/imgs/");
mygrid.setHeader("Sales,Book Title,Author,Price,In Store,Shipping");
mygrid.attachHeader("&nbsp;,#text_filter,#select_filter,&nbsp;,#cspan,#cspan");
mygrid.setInitWidths("50,150,120,80,80,80,80,200");
mygrid.enableAutoWidth(true);
mygrid.setColAlign("right,left,left,right,center,left");
mygrid.setColTypes("dyn,ed,ed,price,ch,co");
mygrid.getCombo(5).put(2, 2);
mygrid.setColSorting("int,str,str,int,str,str");
mygrid.setSkin("dhx_skyblue");
mygrid.init();
mygrid.enableSmartRendering(true);
mygrid.loadXML("../common/500.xml");</script>