Apr 01, 2011, 11:45 AM
Customizing Header Group Style
Hi,
I was just trying to customize the Grid Header Group Column, unfortunately I was not able do it.
As you can see in the attachment I was able to successfully customize the Header but not able to do the same for Group Header Row/Column. Below is my style code.
In ".ux-grid-hd-group-row-0" I have set the font color red which is working, but the background color isn't work as expected.
Also, Please advise me how to set style on hover also. I tried in all possible ways.
I was just trying to customize the Grid Header Group Column, unfortunately I was not able do it.
As you can see in the attachment I was able to successfully customize the Header but not able to do the same for Group Header Row/Column. Below is my style code.
In ".ux-grid-hd-group-row-0" I have set the font color red which is working, but the background color isn't work as expected.
Also, Please advise me how to set style on hover also. I tried in all possible ways.
.ux-grid-hd-group-row-0 {
color: Red !important;
background-color: blue;
line-height:15px;
vertical-align:middle;
border-left: 0px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.x-grid3-hd-row td {
background-color: #000000;
color: #FFFFFF;
line-height:15px;
vertical-align:middle;
border-left: 0px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
Quick response much appreciated. :-(