Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 81
  • Last Modified:

coloring grouping grid header

Dear experts

I am using ext-js 4.2
I have a grouping grid like shown in the attached image.
I am trying to color the grouping header row with label  Group:Basketball  with green background.
my grouping grid

For this in my view i am doing

features: [
                                      ftype: 'grouping',
                                       groupHeaderTpl: [
                                           '{name} ({[values.children.length]})'
                                       hideGroupedHeader: false,
                                       startCollapsed: false
                              viewConfig: {
                                    getRowClass: function(record, index) {
                                          //set appropriate css
                                          if (record.data.name == 'Abe'){
                                                return 'newLineItemGrp';  

And this is my css entry

.newLineItemGrp .x-grid-group-hd {  
    background-color: #D0F5A9;    //green    

 But it doesnt seem to work, any idea where i am doing wrong.
Any help will be appreciated.
1 Solution
Kyle HamiltonData ScientistCommented:
what is the generated html?
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Can you provide a link to your test page?

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now