title: How do I force re-rendering of a row in ag-grid?
body: <p>I am using ag-grid in raw javascript (ie- no angular, no jquery). The grid shows streaming data and dynamically updates with new rows as they come in. My goal is to highlight rows that are less than 20s old in a different color. </p>
  
  <p>I can easily apply css classes on a row-by-row basis when they are initially rendered, but I can't figure out how to remove the css classes when they become older than 20 seconds. Here is what I am doing:</p>
  
  <pre><code>  class TickerController {
      constructor() {
        ...
        this.gridOptions = {
          rowClass: 'ticker--row',
          rowClassRules: {
            '-new-row': params =&gt;
              (Date.now() - params.data.accepted_time) &lt; NEW_ROW_THRESHOLD
          }
        };
        let tickerGrid = this._getElementById('ticker-grid');
        new agGrid.Grid(tickerGrid, this.gridOptions);
      }
      ...
    }
  </code></pre>
  
  <p>You can see here that I am applying a <code>ticker--row</code> class to all rows and a <code>-new-row</code> class to rows that are new. This does highlight new rows, but I don't know how to re-apply the <code>rowClassRules</code> on a periodic basis.</p>
  
  <p>Can someone explain the proper way to achieve my goal of removing the <code>-new-row</code> class when the row is no longer new?</p>