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

radgrid header alignment Problem when implementing grouping with static header and Scrolling

4 Answers 144 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Manoj
Top achievements
Rank 1
Manoj asked on 11 Oct 2012, 09:54 AM
 I have Grid with
*Scrolling
*Static header
*Number of columns  - 35
*Browser : ie 7

I got the header alignment Problem when implementing grouping using GroupByExpressions.

Please see the file attached.




4 Answers, 1 is accepted

Sort by
0
Angel Petrov
Telerik team
answered on 15 Oct 2012, 02:15 PM
Hi Manoj,

I tried to reproduce your issue but to no avail. I am attaching a simple project where static headers and scrolling are enabled for the grid, also GroupByExpressions property is set and it behaves correctly. Give it a try and see what is the difference in your case.

Kind regards,
Angel Petrov
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
Manoj
Top achievements
Rank 1
answered on 16 Oct 2012, 02:05 AM
Hi Angel,

I tried with your code.It works fine.

The problem is..
You have used  Skin="Vista"

I am using Default skin and written the bellow CSS to provide border line to the grid.

div.RadGrid_Default .rgHeader, div.RadGrid_Default th.rgResizeCol, div.RadGrid_Default .rgFilterRow td, div.RadGrid_Default .rgRow td, div.RadGrid_Default .rgAltRow td, div.RadGrid_Default .rgEditRow td, div.RadGrid_Default .rgFooter td, div.RadGrid_Default th.rgSorted
{
border-top: 1px solid silver;
border-left: 1px solid silver;
}

Here is the problem.
can you please help me with the sample project with static header,Scrolling,Default skin and Border lines.

Thanks in advance.


0
Accepted
Angel Petrov
Telerik team
answered on 17 Oct 2012, 11:08 PM
Hello Manoj,

I have replicated this issue and it is due to incorrect usage of the box model and it only occurs in IE7. You could workaround this issue by adding the following CSS:
div.RadGrid_Default .rgGroupHeader td
       {
           border-left: 1px solid #d9d9d9;
       }

This will add an additional pixel to the column group that will correct the alignment.

Kind regards,
Angel Petrov
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
Manoj
Top achievements
Rank 1
answered on 19 Oct 2012, 12:53 AM
Hi Angel,
 

Now it is working fine.

Thank you so much.
Tags
Grid
Asked by
Manoj
Top achievements
Rank 1
Answers by
Angel Petrov
Telerik team
Manoj
Top achievements
Rank 1
Share this question
or