<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
<script>
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("../../codebase/imgs/");
mygrid.loadXML("gridH.xml");
-------gridH.xml-------
<rows>
<head>
<column width="50" type="dyn" align="right" color="white" sort="str">Sales</column>
<column width="150" type="ed" align="left" color="#d5f1ff" sort="str">Book Title</column>
<column width="100" type="ed" align="left" color="#d5f1ff" sort="str">Author</column>
<column width="80" type="price" align="right" sort="str">Price</column>
<column width="80" type="ch" align="center" sort="str">In Store</column>
<column width="80" type="co" align="left" sort="str">Shipping
<option value="1">10</option>
<option value="2">20</option>
<option value="3">30</option>
</column>
<column width="80" type="ra" align="center" sort="str">Bestseller</column>
<column width="200" type="ro" align="center" sort="str">Date of Publication</column>
</head>
</script>