title: Mulitple condition filter on row and apply color React Table
body: <p>I am using react-table to show data. In that I want to use multiple condition on table row and color as below:</p>
  <pre><code>const WORK_ORDER_COLUMNS = [{
      Header: 'ID',
      accessor: 'id',
      width: 50
    }, {
      Header: 'Product',
      accessor: 'product',
      width: 150
    } , {
      id: 'Stage Progress',
      Header: 'Stage Progress',
      accessor: (data : any) =&gt; { 
  
        return (data.stage_due_date !== null 
              ?(data.stage_due_date &gt; moment(new Date()).format('DD/MM/yyyy') ? &quot;On time&quot;
              :data.stage_due_date &lt; moment(new Date()).format('DD/MM/yyyy') ? &quot;Over Due&quot; 
              :data.stage_due_date = moment(new Date()).format('DD/MM/yyyy') ? &quot;Due Today&quot;
              :data.stage_due_date ):
         &quot;Not Access&quot;)
      
      }
  ]
  </code></pre>
  <p>As I want to apply conditions on <code>stage_due_date</code> column. Also I want to highlight them with different color.</p>