New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Set the Background Color of Multi-column Header Col Group


Product RadGrid for ASP.NET AJAX


Properties like HeaderStyle-BackColor="#Lime" are inherited and although they work in most of the cases, they cannot override everything set by the CSS rules. In this case, it is necessary not only to change the background-color, but the background property as a whole.


This approach should achieves that as expected:

<telerik:GridColumnGroup HeaderText="PS" Name="PS">
    <HeaderStyle CssClass="tanBackGround" />
    div.RadGrid .tanBackGround {
        background: tan;
In this article