GridGroupSplitterColumn

[Albert Shenker]

I have a grid which uses gfrouping. I remove the header border lines using the following for my data columns:

<

 

HeaderStyle HorizontalAlign="Left" BorderStyle="None"></HeaderStyle>

 

How do I do the same for the GridGroupSplitterColumn?

[Dimo]

Hello Albert,

You can use the following CSS rule:

.rgGroupCol
{
       border-width:0 !important;
}

You can remove vertical, horizontal or all borders, according to your preference, by modifying the above CSS rule.

Best wishes,
Dimo
the Telerik team

[Albert Shenker]

That takes care of the blue border, and I am satisfied with this solution, however there is a small display issue which, if it could be corrected, that would be ideal. Check out the attached screen capture. As you can see, the grid header appears to have a white border at the bottom which extends across all bound columns. For some reason, this does not extend across the groupincolumn portion of the ehader. I tried to change this by setting the grouping column header boottom border color to white, but this didin't work and also added this border for all the toggle cells below. Is there any way to get this white line to extend across the grouping column in the header?

Lastly, can you tell me what css class(es) are used to affect the style of the group headers?

[Dimo]

Hi Albert,

The group header has a rgGroupHeader CSS class. For a list of RadGrid CSS classes, please refer to:

http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

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


With regard to the first question, please add the following CSS rule after the previous one:

.rgGroupHeader:first-child  .rgGroupCol
{
    border-top:1px solid #fcfcfd !important;
}

Kind regards,
Dimo
the Telerik team