RadGrid Header - Item misalignment on vertical scrollbar

[Steve Barak]

Hi Telerik Team,

Before posting this issue, I tried search for similar issue here and tried. But couldn't solve our issue.

About our issue - (Which works fine in Firefox, but not working in IE8/9)
We are using Telerik RadGrid - which is displaying properly if there is NO vertical scrollbar. (Attachment - IE - With No Scrollbar.JPG)
If a vertical scroll-bar appears, the alignment between header and item goes wrong. (Attachment - IE.JPG)
This is displaying fine in Firefox - (Attachment - Firefox.JPG)

We noticed that if we resize the column width using mouse manually, entire alignment issue vanishes!! (Attachment - IE - Resizing.JPG & IE - After Resize.JPG)

I believe this explanation & screen-shots make sense.

This issue really kills the appearance of Telerik RadGrid and we are not satisfied with it - We tried a lot to fix it.

Finally we found that we are using on javascript to resize Grid's height & width based on the browser's width & height. That was causing this issue. When we commented the javascript code to set the grid's width, I think this issue is solved.

After posting the question for help only, we found this solution!!

Let us test this issue and will be back, if we have any issues.

Thanks
Steve

[Pavlina]

Hi Steve,

I recommend that you examine the following code libraries and see if they help you to resolve the described problem:
http://www.telerik.com/community/code-library/aspnet-ajax/grid/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers.aspx

http://www.telerik.com/community/code-library/aspnet-ajax/grid/how-to-set-radgrid-height-client-side-with-javascript.aspx

Best wishes,
Pavlina
the Telerik team