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

Issues with column headers alignment

1 Answer 96 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Carmel Gafa
Top achievements
Rank 1
Carmel Gafa asked on 13 Oct 2010, 07:37 AM
Hi,

We have encountered some issues when using your RadGrid control.

One of the problems is that the width of the column headings is being increased by one pixel.

During our testing we found that this is mostly noticeable in webkit based browsers i.e. Chrome 6 and Safari 5. In Chrome this issue occurs after sorting any column in the grid as can be seen more clearly in the attached screenshot.

Another issue is that the centered columns headings are being shifted to the left when the sort icon is displayed i.e. "ShowSortIcon" is set to "true". We wish to disable this functionality, such that the headings remain fixed.

Thank you for your time.

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 13 Oct 2010, 08:29 AM
Hello Carmel,

I have noticed that my colleague Dimo has already addressed your support ticket that you have submitted on the same matter. To avoid duplicate posts I would suggest that you continue the communication in the support thread.

Here is the answer:

Regarding your first question, please do not use ItemStyle-Width for column widths and refer to the skinning notes for an explanation of the header cell/data cell misalignment:

http://www.telerik.com/help/aspnet-ajax/grd-understanding-html-css.html

The sum of the left (or right) padding and left border width of each header cell should match the sum of left (or right) padding and left border width of all cells that belong to the same column - normal row cells, alternating row cells, group header cells, footer cells, edit row cells. Otherwise misalignment will occur in Internet Explorer when using static headers.

With regard to the shifting of the centered column headings - this is normal, because the sort icon is also part of the header cell's centered content. Please do not use centered headings to avoid this shifting. Alternatively, you can try using absolute positioning for the sort icons, so that they do not influence the centering of the header text. However, this will be an unnecessary overhead and moreover, you will not know the exact positioning coordinates, as each header text has different length.

Greetings,
Pavlina
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Carmel Gafa
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or