TreeGrid Split Mode
Enabling Split mode with script
Enabling Split mode with script
<link rel="STYLESHEET" type="text/css" href="../../../dhtmlxGrid/codebase/dhtmlxgrid.css"> <link rel="stylesheet" type="text/css" href="../../../dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_skyblue.css"> <script src="../../../dhtmlxGrid/codebase/dhtmlxcommon.js"></script> <script src="../../../dhtmlxGrid/codebase/dhtmlxgrid.js"></script> <script src="../../../dhtmlxGrid/codebase/dhtmlxgridcell.js"></script> <script src="../../codebase/dhtmlxtreegrid.js"></script> <script src="../../../dhtmlxGrid/codebase/ext/dhtmlxgrid_splt.js"></script> <style type="text/css" media="screen"> .row20px img{ height:11px; } .row20px div img{ height:18px; } </style> <script></script> <div id="gridbox" width="400px" height="250px" style="background-color:white;"></div>function doOnLoad() { mygrid = new dhtmlXGridObject('gridbox'); mygrid.selMultiRows = true; mygrid.imgURL = "../../../dhtmlxGrid/codebase/imgs/icons_books/"; mygrid.setHeader("Tree,Price,Note"); mygrid.setInitWidths("200,150,100"); mygrid.setColAlign("left,right,center"); mygrid.setColTypes("tree,price,ch"); mygrid.setColSorting("str,str,str"); mygrid.init(); mygrid.setSkin("dhx_skyblue"); mygrid.splitAt(1); mygrid.loadXML("../common/treegrid_sample_07_split.xml"); }