1. #1
    Sencha User
    Join Date
    Apr 2010
    Posts
    13
    Vote Rating
    0
    oniseijin is on a distinguished road

      0  

    Default Answered: Grid rows not changing color with 4.0.x

    Answered: Grid rows not changing color with 4.0.x


    Ext version tested:
    • Ext 4.0.7
    Browser versions tested against:
    • Firefox 5 with firebug
    Description:
    • When trying to change the row color of a gridrow using the overridden getRowClass function, the row color is not changed. I can see that the class was indeed injected into the tr entry ie. <tr class="x-grid-row grid_green">
    Steps to reproduce the problem:
    • Using the getRowClass included below on a grid that returns a class, and the contained css entry
    The result that was expected:
    • The color should have changed for all rows. Is it the CSS that is wrong? Is there a problem with the default CSS that is shipped in 4.0.7 that prevents it from being overridden?
    The result that occurs instead:
    • No color changes were done on any of the rows. Additionally, I would like to know how to have slightly different colors for the "alt rows"
    Test Case:

    Code:
     viewConfig: {
                      getRowClass: function(record, rowIndex, rowParams, store){
                               // TODO this has no affect on the grid
                               return "grid_green";
                      }
               }
    and the CSS

    Code:
    .grid_green {
       background-color:#008000 !important; 
       
    }


  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,590
    Answers
    541
    Vote Rating
    322
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

  3. #3
    Sencha User
    Join Date
    Apr 2010
    Posts
    13
    Vote Rating
    0
    oniseijin is on a distinguished road

      0  

    Default


    Thanks!

    The following did the trick (and in that order!)

    Code:
    .grid_green .x-grid-cell {
       background-color:#008000 ; 
       
    }

  4. #4
    Sencha User
    Join Date
    Oct 2010
    Location
    Knoxville, TN
    Posts
    133
    Answers
    1
    Vote Rating
    1
    Kcarpenter is on a distinguished road

      0  

    Default


    Thanks for this, been a "bug" in my code for at least a month.

Thread Participants: 2