Data grid truncated at bottom

I have an xml dataset being loaded into a tree grid. There are about 500 items, grouped into 20 categories, each with a twiddle to reveal the rows below. On initial display, only about 15 of the groups are displayed. If I twiddle one of the groups or refresh the page, all the groups display. If I shift-refresh, I once again get the truncated display.

Any ideas?

Things I’ve tried:
Adding a div tag around the grid with excess height so the browser screen doesn’t have to change size
Call the grid with a dummy data set, then calling it again in the same page
Removing the custom skin
Result is consistent between Safari and Firefox (mac)

Thanks in advance for your comments.

Try to set fixed height for the grid container (this will not stop work of enableAutoHeight method):

Also try to call grid initialization code on page onload event:


function doInitGrid(){
mygrid = new dhtmlXGridObject(‘gridbox’);
mygrid.selMultiRows = true;
mygrid.enableAutoHeight(true);

}