Only columns but data rows are loaded from xml

hi,
i spent hours from FAQ and topics on this forum, no luck. trying to load grid configuration and data from one xml. but only columns are displayed. no data rows. anyone can help me? thanks!

html part:

<html>
<head>
<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid.css"/>
    <script src="codebase/dhtmlxcommon.js" type="text/javascript"></script>    
    <script src="codebase/dhtmlxgrid.js" type="text/javascript"></script>
    <script src="codebase/dhtmlxgridcell.js" type="text/javascript"></script>

<script type="text/javascript">
        var myGrid;
        function doInitGrid() {
        	myGrid = new dhtmlXGridObject("grid1");

            myGrid.setImagePath("codebase/imgs/");
          
            myGrid.load("./gridH.xml");
        }
    </script>
</head>
<body onload="doInitGrid();">
  
  <div id="grid1"></div>
    
</body>
</html>

xml file:

<?xml version="1.0" encoding="UTF-8"?>
<rows>	
	
	<head>
		<beforeInit>
			<call command="setSkin">
				<param>xp</param>
			</call>
		</beforeInit>
		<afterInit>
		</afterInit>
		<column width="50" type="dyn" align="right" sort="str">Sales</column>
		<column width="150" type="ed" align="left" sort="str">Book Title
		</column>
		<column width="100" type="ed" align="left" 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">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">10</option>
			<option value="5">20</option>
			<option value="6">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>
		<settings>
			<colwidth>px</colwidth>
		</settings>
	</head>
	<row id="1">
		<cell>-1500</cell>
		<cell>A Time to Kill</cell>
		<cell>John Grisham</cell>
		<cell>12.99</cell>
		<cell>1</cell>
		<cell>24</cell>
		<cell>0</cell>
		<cell>05/01/1998</cell>
	</row>
	<row id="2">
		<cell>1000</cell>
		<cell>Blood and Smoke</cell>
		<cell>Stephen King</cell>
		<cell>0</cell>
		<cell>1</cell>
		<cell>24</cell>
		<cell>0</cell>
		<cell>01/01/2000</cell>
	</row>
</rows>

problem resolved. interesting.

with div’s width/height as blank, the grid has no problem to display header(columns) however the rows won’t expand div’s visible border. so have to manually set width&height of div tag to ensure enough visible space for grid.