title: PivotTable.js conditionally change color on text
body: <p>So I'm working with PivotTable.js which has been a great help at work.</p>
  
  <p>Right now though, I'm trying to get a filter going to change the color of cells or font within the cell depending on the value.</p>
  
  <p>For example, if I have an array of dates in my dataset</p>
  
  <pre><code>dates = ["N/A", "4/12/2016", "7/9/2024", "7/9/2024", "4/1/2013"]
  </code></pre>
  
  <p>I want to make it so any dates before 6/1/2016 to change colors.</p>
  
  <p>I have my data being passed in locally as a variable 'data' if that makes any difference</p>
  
  <pre><code>   $(function(){
          var derivers = $.pivotUtilities.derivers;
          var renderes = $.extend($.pivoUtilities.renderers, $.pivotUtilities.export_renderers);
  
          $("#pivot_table").pivotUI(data, {
                derivedAttributes: function(data){
                     // not sure how to access the css of the element from here
                }
                rows: [],
                cols: ["Name", "Date", "Organization", "Cost"],
                renderers: renderers,
                rendererName: "Table"
          });
     });
  </code></pre>
  
  <p>I've tried going into derivedAttributes, but everything I tried wasn't working.</p>
  
  <p>Any help or brainstorming would be much appreciated on this</p>