Sometimes when the grid is rendered in a DIV the header portion renders properly but the data portion renders down and to the left. There is no reproducablitiy to this and it covers up other parts of the web page so they cannot be accessed. Ever seen this?
Such problem can occur only if you loaded data in grid while it in
invisible state, or in case usign complex TABLE layout and
initializing grid in moment when table not fully rendered yet - in both
cases grid can’t detect initial sizes and render correctly.
You can
a) call grid.setSizes() after switching to visible state
b) init grid after TABLE structure fully rendered ( place JS code after closing TABLE tag ) or init grid from onLoad event of page.