Search and Filtering in TreeGrid

TreeGrid supports filtering. You can set search box, text or select filters for each column.

 
<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
<script> 
    mygrid = new dhtmlXGridObject('gridbox');
    mygrid.setImagePath("../../../dhtmlxGrid/codebase/imgs/icons_books/");
    mygrid.setHeader("Search, Text Filter, Select Filter");
    
    mygrid.attachHeader("#text_search,#text_filter,#select_filter")
    
    mygrid.setInitWidths("200,100,*")
    mygrid.setColAlign("left,right,right")
    mygrid.setColTypes("tree,price,ed");
    mygrid.setColSorting("str,int,int")
    mygrid.init();
    mygrid.loadXML("treegrid_sample.xml");</script>

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.