title: Changing the color of a record based on database value, extjs4.2
body: <p>I'm trying to change the records background color based on a field value in my database table, however i'm not being successful in doing that. Any idea what could be preventing this change?
  Name of the field in my database is STATUS.</p>
  
  <pre><code>  grid = new Ext.grid.GridPanel({
                          region:'center',
                          store: gridStore,
                          cm: colModel,
                          stripeRows: true,
                          sm: _selctionModel,
                          bbar:paging,
                          viewConfig:
                          {
                              forceFit: true,
                              headersDisabled:false,
                              stripeRows: false, 
                              getRowClass: function(record) { 
                                  return record.get('STATUS') == 'OP' ? 'child-row' : 'adult-row'; 
  
                              } 
                          },
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.child-row .x-grid-cell-inner{
      background-color:red;
      color:red;
  }
  
  .adult-row .x-grid-cell-inner{
      background-color:blue;
      color:blue;
  }
  </code></pre>
  
  <p>please note that putting:</p>
  
  <pre><code>.x-grid-cell-inner{
          background-color:blue;
          color:blue;
      }
  </code></pre>
  
  <p>will change the background color.</p>