title: How to pass props to row in react-table
body: <p>I've been following <a href="https://blog.logrocket.com/complete-guide-building-smart-data-table-react/" rel="noreferrer">https://blog.logrocket.com/complete-guide-building-smart-data-table-react/</a>. To apply custom styling depending on cell value, I'm updating the column object like so:</p>
  <pre><code>return {
    Header: key,
    accessor: key,
    width: &quot;150&quot;,
    sortType: &quot;basic&quot;,
    Cell: ({cell: {value} }) =&gt; {
      if (value == &quot;Error&quot;) {
        return &lt;RedCell/&gt;
      }
      ...
    }
  }
  </code></pre>
  <p>Is it possible instead to apply custom styling to the row containing the cell? I guess a prop would have to be passed down to row, but am just not clear at all on how to do this.</p>
  <p>Any pointers would be much appreciated.</p>