title: How to conditionally change a color of a row in detailslist?
body: <p>I'm looking at <a href="https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemrows" rel="nofollow noreferrer">customitemrows</a> but there isn't much documentation.</p>
  
  <p>I have a table and if a row was created by a current user, I want to change the color from black to grey. I can do that with <code>style</code>. I understand how to conditionally change color in <a href="https://developer.microsoft.com/en-us/fabric#/components/detailslist/customitemcolumns" rel="nofollow noreferrer">customitemcolumns</a> but can't extrapolate it to rows. </p>
  
  <p>I got to:</p>
  
  <pre><code>    _onRenderRow = (props) =&gt; {
      return props.item['creatorUid'].match("QDN6k4pLXkea2qRM9mS7vM6whBE3")?
          &lt;DetailsRow {...props} style={{color:"#FF0000"}}/&gt;
          :
          &lt;DetailsRow {...props}/&gt;
  }
  </code></pre>
  
  <p>but the color doesn't change</p>