Sample: dhtmlxTreeGrid TreeGrid basic operations dhtmlxTreeGrid main page
X

Basic operations - add, delete rows in TreeGrid



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
addRowBefore selected rows
addRowAfter selected rows

Index of selected
expandAll
collapseAll
 
<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
<script>
 
    mygrid = new dhtmlXGridObject('gridbox');
    mygrid.selMultiRows = true;
    mygrid.imgURL = "../../../dhtmlxGrid/codebase/imgs/";
    mygrid.setHeader("Tree,Plain Text,Long Text,Color,Checkbox");
    mygrid.setInitWidths("150,100,100,100,100")
    mygrid.setColAlign("left,left,left,left,center")
    mygrid.setColTypes("tree,ed,txt,ch,ch");
    mygrid.setColSorting("str,str,str,na,str")
    mygrid.init();
    mygrid.loadXML("test_list_1.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.