Header/Item alignment issue - using browser dev tools corrects it

[Ed]

I am having trouble getting my item and header columns to align.  I have gotten to the point of trying to even set them all manually in the grid's preRender event but something is overriding it.

However, before I share some code I have a more immediate related question:  Is there some factor of your grid component that adjusts its rendering based on the presence of browser developer tools?  If I use the inspect feature of FF9 or flip on F12 in IE9 the grid immediately aligns itself correctly and remains that way after I turn the dev tools off.  This suggests to me that my alignment issue is not related to overriding CSS (which I doubt is at work here) but rather some aspect of the grid's java script.  Can you spread som light on this unusual issue?

Thanks,
Ed

[Pavlina]

Hello Ed,

This is a known issue and is reported to our developers. They will do their best to fix it for the next official release. Please excuse us for the inconvenience caused.

All the best,
Pavlina
the Telerik team

[Ed]

Thanks for responding.  I guess I have conflicted feelings on that, but strangely enough the issue has healed itself amidst further development.  Not comforting but I'll be able to continue on for now.

Since you are aware of the issue and presumably have some understansding of the root cause, is there an approved workaround or advice for avoidance?

[Pavlina]

Hi Ed,

To overcome it you can try to repaint the grid inside GridCreated client-side event as shown below:

function repaintGrid(sender, args) {
    var grid = $find("<%=RadGrid1.ClientID %>");
    grid.repaint();
}

Give it a try and let us know if this helps.

All the best,
Pavlina
the Telerik team

[Pavlina]

Hi Ed,

I am glad to announce that this problem is already fixed and the fix is available in Q1 2012 SP1 release of RadControls for ASP.NET AJAX.

Greetings,
Pavlina
the Telerik team

[Ed]

Wonderful!  Thanks for taking the effort to tackle this on.