View Full Version : IE7 Grid Header misalignment

2 Mar 2007, 5:40 AM
I have a small issue that seems to only happen in IE7.

I have 3 grids on one page. two grids on top and one underneath the top 2 in this arrangement:

Grid1 Grid2
Grid 3

All of the grids are fully functional and do everything they need to do.. However in IE7 there is an intermittant problem with the header of Grid 3.

What seems to happen is that all 3 grids render with their header columns (no data displays at this point). once the data comes into the grids and is rendered, Grid2's height increases to fit the data to display. This causes Grid3 to slide down the page as expected but Grid3's header remains in its original position!

Grid3's header row is now nestled nicely in the middle of the output of Grid2. As soon as you click an item in Grid2, Grid3's header row returns to its rightful position situated inside of the grid3's containing DIV.

Any ideas what could be causing this? Everything works 100% in Firefox and IE6.

2 Mar 2007, 8:28 AM
It sounds like a repaint issue. You can try forcing a repaint by calling grid.container.repaint(); on grid3 after grid 2's data has loaded. Unfortunately there is no way for me to detect this and do it for you.