Sample: dhtmlxTreeGridTreeGrid linesdhtmlxTreeGrid main page
X

You can set tree lines in treegrid by enableTreeGridLines method



Add new row
Add new row at child of node at position
Add new row as child of selected
 
Delete row at position
Delete selected rows

Index of selected
Expand all
Collapse all
 
<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
<script>
 
        mygrid = new dhtmlXGridObject('gridbox');
        mygrid.selMultiRows = true;
        mygrid.imgURL = "../imgs/";
        //enable tree lines 
        mygrid.enableTreeGridLines();
        mygrid.init();
        mygrid.loadXML("treegrid.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.