Start Building Professional
Web Apps Today

dhtmlxgrid foot covering up bottom scroll bar

The bottom horizontal scroll bar of the grid is behind the footer and is invisible.
When I resize a column, the scrollbar appears just above the footer and below the last row and is now visible.
How do I get the scroll bar to appear correctly without having to manually resize a column?

Thanks in advance.

CODE:

<script>
mygrid = new dhtmlXGridObject('gridbox');

mygrid.setImagePath("/javascripts/dhtmlxgrid/codebase/imgs/");

mygrid.setInitWidths("50,50,100,100,200,50,50,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100,100");

mygrid.setHeader("Company,Status,Code,Name,Description,Icon url,Image url,Ftp site,Ftp username,Ftp password,Ftp remote path,Ftp remote file,Ftp local path,Ftp local file,Zip path,Zip file,Unzip path,Unzip file,Import nskips,Import ncols,Import encoding,Import col sep,Import row sep,Import quote char,Import path,Import file");

mygrid.attachFooter("#stat_count,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan");

mygrid.init();

mygrid.loadXML("/imports/xml");
</script>

In which browser issue occurs for you? ( the same code works correctly in both IE and FF ) 

>>How do I get the scroll bar to appear correctly without having to manually resize a column?
Please try to add next line 
mygrid.loadXML("/imports/xml",function(){
window.setTimeout(function(){
    mygrid.setSizes();
},1);
});

It will be equal to the resize after data loading. 

The problem occurs with FireFox on a Mac:
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.0.5) Gecko/2008120121 Firefox/3.0.5

Hopefully this will help you find the bug.

And the code fix you sent works. That work around code makes the scroll bar visible without having to manually resize any columns.

Thanks,
-Sterling