title: How to apply custom css class to extjs grid column, and remove it with delay?
body: <p>The goal is to apply one <code>cls</code> to column, which I did with  <code>getRowClass</code> and then remove it after 1-2 sec. The <em>websync</em> is pushing new data every 5 seconds, so when this changes to cell appear, it should be like a blink of a changed column(cell), that goes back to "white"(default) before new data refresh? The value assigned to compare new records with is 0, but in a real case is <em>last value</em> that is being compared! <br/>Here is my code:</p>
  
  <pre><code>Ext.create('Ext.grid.Panel', {
      columns: [
      // ...
      {
          header: 'Change',
          dataIndex: 'change',
          tdCls: 'x-change-cell'
      }
      // ...
      ],
  
      viewConfig: {
          getRowClass: function (record, index) {
              var c = record.get('change');
              if (c &lt; 0) {
                  return 'price-fall';
                  //   I tried setTimeout("remove-css()",1000); and
                  //    Ext.Function.defer(remove-css, 1000);
                  //     but no luck!!
              } else if (c &gt; 0) {
                  return 'price-rise';
              }
          }
      }
      // ...
  });    
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.price-fall .x-change-cell {
      background-color: #FFB0C4;
      color:red;
  }
  .price-rise .x-change-cell {
      background-color: #B0FFC5;
      color:green;
  }
  </code></pre>
  
  <p>Any ideas?</p>