[Solved] how change header back color for each detailTable in RadGrid hierarchy?

[samaneh]

hi all
I have 3 level Rad grid hierarchy.
I want each detail table has specific header backcolor.how can I do that?

[Princy]

Hello Samaneh,

You can set different background color for each Header row in hierarchy by adding following CSS in your page.

ASPX:

<telerik:RadGrid ID="RadGrid1">
  <MasterTableView Name="Master" runat="server">
   <HeaderStyle CssClass="color1" />
       <DetailTables>
          <telerik:GridTableView Name="Detail2" runat="server" >
             <HeaderStyle CssClass="color2" />
                <DetailTables>
                  <telerik:GridTableView Name="Detail3" runat="server" >
                      <HeaderStyle CssClass="color3" />
                          .   .   .   .   .

CSS:

<style type="text/css">
        .color1
        {
            background-image: none !important;
            background-color: Red !important;
        }
        .color2
        {
            background-image: none !important;
            background-color: Blue !important;
        }
        .color3
        {
            background-image: none !important;
            background-color: Purple !important;
        }
    </style>

Thanks,
Princy.

[samaneh]

Thank you Princy

[Mohamed Yasin]

Thank you