title: Can't apply an onClick function to <TableRowColumn> in React with Material-UI
body: <p>I formerly had functionality whereby I could click on the cell of a <code>table</code> and it would toggle the colour of the text between red and green.</p>
  
  <p>I have since implemented Material-UI in the React app, replacing the <code>&lt;td&gt;</code> tags with <code>&lt;TableRowColumn&gt;</code> tags, to which now I find that the onClick event no longer works.</p>
  
  <p>I have tested the functionality of onClick by placing a <code>&lt;button&gt;</code> within the <code>&lt;TableRowColumn&gt;</code>, which <strong>DOES</strong> infact work. So this leads me to believe that the <code>&lt;TableRowColumn&gt;</code> element does not have the option for onClick...</p>
  
  <p><strong>Working</strong></p>
  
  <pre><code>return (
          &lt;tdstyle={taskStyle} onClick={this.props.toggleTask.bind(this, task)}&gt;
              {task} &lt;button &gt;Click&lt;/button&gt;
          &lt;/td&gt;
      )
  </code></pre>
  
  <p><strong>Broken (The colour change functionality works when called from the button)</strong></p>
  
  <pre><code>return (
          &lt;TableRowColumn style={taskStyle} onClick={() =&gt; this.help()}&gt;
              {task} &lt;button onClick={this.props.toggleTask.bind(this, task)} &gt;Click&lt;/button&gt;
          &lt;/TableRowColumn&gt;
      )
  </code></pre>
  
  <p><strong>Function</strong></p>
  
  <pre><code>toggleTask(task) {
      const foundToDo = _.find(this.state.todos, todo =&gt; todo.task === task);
      foundToDo.isCompleted = !foundToDo.isCompleted;
      this.setState({ todos: this.state.todos });
    }
  </code></pre>