This is a migrated thread and some comments may be shown as answers.

Horizontal scroll causing header and data row alignment issue

3 Answers 290 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Rhonda
Top achievements
Rank 1
Rhonda asked on 01 Aug 2012, 09:41 PM
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.

3 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 03 Aug 2012, 03:36 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Rhonda
Top achievements
Rank 1
answered on 06 Aug 2012, 03:00 PM
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?
0
Pavlina
Telerik team
answered on 07 Aug 2012, 08:20 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Rhonda
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Rhonda
Top achievements
Rank 1
Share this question
or