Horizontal scroll causing header and data row alignment issue

[Rhonda]

I have formatted the headers and column widths to align properly when using static headers, scrolling, filtering and column resizing set to true (grid lines = none). Upon initial load the grid does not have a horizontal scroll, however, upon widening a column the horizontal scroll appears (desired functionality). All is fine until I scroll all the way to the right. The headers and table columns are not aligned.

I noticed that before horizontal scroll appears on the grid the header has additional space for the vertical scroll, this additional space disappears when horizontal scroll appears. Is there a way to fix this? I have attached screenshots to help visualize my issue.

[Pavlina]

Hello,

In your case you should make sure that you have fixed widths set for the grid columns using HeaderStyle.Width property. Also TableLayout property must be set to Fixed, its default value is Auto.

All the best,
Pavlina
the Telerik team

[Rhonda]

Yes, I've read other posts about setting HeaderStyle Width for each column and setting TableLayout to fixed. I am doing this in my code. Everything lines up upon initial load but if I resize a column and the horizontal scroll appears then the space that was previously there for the vertical scroll disappears from the header. You can see from the screenshot that there is a white box in the header right above the vertical scrollbar.

This is another issue I have. How do I change that white box to the same color as the header? Also, what else can I do about the alignment issue?

[Pavlina]

Hello Rhonda,

I believe that the forum thread below will help you in resolving these problems:
http://www.telerik.com/community/forums/aspnet-ajax/ajax/usestaticheaders-property-in-radgrid.aspx

Regards,
Pavlina
the Telerik team