Start Building Professional
Web Apps Today

Table disappears while loading with IE 6

I've downloaded and installed the script on a remote server. I'm using the included grid.xml to show a table on my website. The table shows perfectly using dhtmlXgrid with the code below in FireFox. When I'm trying to view the table using Internet Explorer it disappears within seconds.


<link rel="STYLESHEET" type="text/css" href="../dhtmlxgrid/css/dhtmlXGrid.css">
    <script type="text/javascript" src="../dhtmlxgrid/js/dhtmlXCommon.js"></script>
    <script type="text/javascript" src="../dhtmlxgrid/js/dhtmlXGrid.js"></script>        
    <script type="text/javascript" src="../dhtmlxgrid/js/dhtmlXGridCell.js"></script>    

    <div id="gridbox" width="100%" height="500px"></div>
    
<script>
    mygrid = new dhtmlXGridObject('gridbox');
    mygrid.setImagePath("../dhtmlxgrid/imgs/");
    mygrid.setHeader("Column A, Column B");
    mygrid.setInitWidths("100,100")
    mygrid.setColAlign("right,left")
    mygrid.setColTypes("ro,ed");
    mygrid.setColSorting("int,str")
    mygrid.enableMultiselect(true)
    mygrid.setXMLAutoLoading("../dhtmlxgrid/samples/dynload.php");
    mygrid.init();
    mygrid.loadXML("../dhtmlxgrid/samples/grid.xml?uid="+(new Date()).valueOf());
</script>

I can't reconstruct such problem, your code snippet work fine for me.
Problem can be caused by grid container size settings, please be sure that on moment of intiialization the container exists and has some width and height. ( for example if parent of div#gridbox has zero size, the grid will take width as 100% from parent which will be zero as well )