title: react-table: change background color of rows depending upon row props value
body: <p>I have a situation where I have to change background color of rows depending upon row props. I am currently doing this:</p>
  <pre><code>const getTrProps = (state, rowInfo, instance) =&gt; {
          if (rowInfo) {
              return {
                  style: {
                      'background-color': rowInfo.original.customercomplaints.order_ref === currentOrderId ? '' : 'yellow',
                  }
              }
          }
          return {};
      }
  </code></pre>
  <p>In <code>react-table</code>, it is like this:</p>
  <pre><code>&lt;ReactTableFixedColumns className=&quot;-striped&quot;
        columns={customerComplaintsColumns}
        data={customerComplaintsData}
        daultPageSize={10}
        defaultFilterMethod={filterCaseInsensitive}
        getTrProps={getTrProps}
        /&gt;
  </code></pre>
  <p>If I inspect the element, I do get this:</p>
  <pre><code>&lt;div class=&quot;rt-tr -even&quot; role=&quot;row&quot; style=&quot;background-color: yellow;&quot;&gt;
  </code></pre>
  <p>but it doesn't apply on the row. How can I resolve this?</p>
  <p>My <code>react</code> version is <code>^16.13.1</code> and <code>react-table</code> version is <code>6.8.6</code>.</p>