<div id="gridbox" width="300px" height="300px" style="background-color:white;overflow:hidden"></div>
<div id="gridbox2" width="600px" height="300px" style="overflow:hidden"></div>
<script>
 
    mygrid = new dhtmlXGridObject('gridbox');
    mygrid.setImagePath("../imgs/");
    mygrid.setHeader("Column A, Column B");
    mygrid.setInitWidths("150,150");
    mygrid.setColAlign("right,left")
    mygrid.setColTypes("ro,ed");
    mygrid.setColSorting("int,str")
    mygrid.setSkin("modern");
    mygrid.init();
    mygrid.loadXML("grid.xml");
 
    mygrid2 = new dhtmlxgridObject('gridbox2');
    mygrid2.setImagePath("../imgs/");
    mygrid2.setHeader("Column A, Column B, Column C");
    mygrid2.setInitWidths("200,100,200");
    mygrid2.setColAlign("right,left,left")
    mygrid2.setColTypes("ro,ed,ed");
    mygrid2.setColSorting("int,str,str")
    mygrid2.setSkin("light");
    mygrid2.init();
    mygrid2.loadXML("grid.xml");</script>