| Sample: dhtmlxGrid | Initialize object on page | dhtmlxGrid main page |

You can place this JavaScript grid anywhere on your web page, attaching the grid to any object.
Set up grid parameters to determine the look of the grid. Specify whether the grid items will be loaded from XML. dhtmlxGrid uses AJAX for fast and flexible data loading.

    <div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
    <script>
            mygrid = new dhtmlXGridObject('gridbox');
            mygrid.setImagePath("../../codebase/imgs/");
            mygrid.setHeader("Column A, Column B");
            mygrid.setInitWidths("100,*")
            mygrid.setColAlign("right,left")
            mygrid.setColTypes("ro,ed");
            mygrid.setColSorting("int,str");
            mygrid.enableMultiselect(true)
            mygrid.init();
            mygrid.loadXML("grid.xml");</script>

Parameters passed to the constructor are:
- object to attach grid to (should be loaded before calling constructor)
Specify additional parameters of the grid:
- imgURL - specifies the path to the folder with grid images
- setHeader("Column A, Column B") - set column header labels
- setInitWidths("100,150") - set column width in pixels
- setColTypes("ro,ed") - set column types (with editor codes. See documentation for details)
- setColAlign("right,left") - set column text align
- setColSorting("int,str") - set column sorting type
- enableMultiselect(true) - enables multiselection support
- loadXML("grid.xml") - load grid data from XML