TreeGrid Split Mode

Enabling Split mode with 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.

Source

<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>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");
}</script>
 
 
<div id="gridbox" width="400px" height="250px" style="background-color:white;"></div>