title: ReactJS + Material-UI: How to alternate colors between Material-UI <Table/>'s <TableRow/>?
body: <p>I currently have a Material-UI's <code>&lt;Table/&gt;</code> ( <a href="http://www.material-ui.com/#/components/table" rel="noreferrer">http://www.material-ui.com/#/components/table</a> ), and would like each row to switch off between color blue and purple. So first one would be blue, then next row would be purple, and so on for any additional row added. </p>
  
  <p>How can I dynamically switch off between two colors for any additional rows added? </p>
  
  <pre><code>render(){
  
      return(
          &lt;Table
            multiSelectable={true}
          &gt;
            &lt;TableHeader&gt;
              &lt;TableRow&gt;
                &lt;TableHeaderColumn&gt;First Name&lt;/TableHeaderColumn&gt;
                &lt;TableHeaderColumn&gt;Last Name&lt;/TableHeaderColumn&gt;
                &lt;TableHeaderColumn&gt;Color&lt;/TableHeaderColumn&gt;
              &lt;/TableRow&gt;
            &lt;/TableHeader&gt;
            &lt;TableBody
              displayRowCheckbox={true}
              stripedRows
            &gt;
                &lt;TableRow&gt;
                  &lt;TableRowColumn&gt;John&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Smith&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Red&lt;/TableRowColumn&gt;
                &lt;/TableRow&gt;
                &lt;TableRow&gt;
                  &lt;TableRowColumn&gt;Paul&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Row&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Black&lt;/TableRowColumn&gt;
                &lt;/TableRow&gt;
                &lt;TableRow&gt;
                  &lt;TableRowColumn&gt;Doe&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Boe&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Pink&lt;/TableRowColumn&gt;
                &lt;/TableRow&gt;
                &lt;TableRow&gt;
                  &lt;TableRowColumn&gt;Frank&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Done&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;White&lt;/TableRowColumn&gt;
                &lt;/TableRow&gt;
                &lt;TableRow&gt;
                  &lt;TableRowColumn&gt;Lucy&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Ju&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;Orange&lt;/TableRowColumn&gt;
                &lt;/TableRow&gt;
            &lt;/TableBody&gt;
          &lt;/Table&gt;
  </code></pre>
  
  <p>Thank you in advance</p>