Set the Background Color of Multi-column Header Col Group

Environment

Product

RadGrid for ASP.NET AJAX

Description

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.

Solution

This approach should achieves that as expected:

ASP.NET

<telerik:GridColumnGroup HeaderText="PS" Name="PS">
    <HeaderStyle CssClass="tanBackGround" />
</telerik:GridColumnGroup>

CSS

<style>
    div.RadGrid .tanBackGround {
        background: tan;
    }
</style>