| Sample: dhtmlxGrid | Multiple Grids per Page | dhtmlxGrid main page |

You can place any number of grid on page with different config and styling

    <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>