Header does not render if div is not visible.

[zeek]

I am using a grid inside a div that's style.display is set to 'none' when the page is loaded. When the div's style.display is set to 'block' is displays the grid without the header. Why would the rows get rendered but not the header? I am actually using multiple grids, and this happens on all of them.

Any help here would be appreciated. Note: The div cannot be visible when the page loads, this is not an option. Also, I've tried rerendering the grid when the div is displayed, this actually did get the headers to display, but resulted in a whole new set of problems. Thanks.

[tryanDLS]

I think that if you set display:none in HTML on the server side, the element is not even transmitted to the client. There have been several threads re display vs visibility. I would suggest using visibility:hidden. Also use Firebug to view the actual HTML to see what's there when the page renders.

[zeek]

Thank you for your quick response.

Unfortunately, this is not an option for me. The strange thing is that the rows are rendered just fine, just not the header. The actual code is there (in FireBug), it just doesn't actually display. Also, if I resize the window or even just activate FireBug, the header appears.