title: Material UI React Table onCellClick not working on TableRow
body: <p>I have material UI Table in my react component. I want to add onCellClick event to each of the row of my table. But when I add onCellClick to each TableRow then it doesn't get fired. But when I add it to my Table Tag then it get's fired. The problem with this is when I add it to Table tag the only one type of action can be taken for all the rows. What if I want to do different things with each row whenever I click them. That's why I want to have all the TableRow tags their own onClick type of event. How can I do this? </p>
  
  <p>Here is my code with onCellClick event on Table Tag, which I don't want.     </p>
  
  <pre><code>class TagDetailTable extends Component {
          handleButtonClick() {
              browserHistory.push("TagList")
          }
  
          handleCellClick(){
              console.log("cell clicked")
          }
  
          render() {
              return (
                  &lt;MuiThemeProvider&gt;
                  &lt;div&gt;
                      &lt;Table onCellClick= {this.handleCellClick}&gt;
                          &lt;TableHeader&gt;
                              &lt;TableRow&gt;
                                  &lt;TableHeaderColumn&gt;ID&lt;/TableHeaderColumn&gt;
                                  &lt;TableHeaderColumn&gt;Type&lt;/TableHeaderColumn&gt;
                                  &lt;TableHeaderColumn&gt;Category&lt;/TableHeaderColumn&gt;
                              &lt;/TableRow&gt;
                          &lt;/TableHeader&gt;
                          &lt;TableBody&gt;
                              &lt;TableRow&gt;
                                  &lt;TableRowColumn&gt;1&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Cigarette&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;
                              &lt;/TableRow&gt;
                              &lt;TableRow &gt;
                                  &lt;TableRowColumn&gt;2&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Cigarette&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;
                              &lt;/TableRow&gt;
                              &lt;TableRow &gt;
                                  &lt;TableRowColumn&gt;3&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Cigarette&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;
                              &lt;/TableRow&gt;
                              &lt;TableRow &gt;
                                  &lt;TableRowColumn&gt;4&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Alcohol&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;
                              &lt;/TableRow&gt;
                              &lt;TableRow &gt;
                                  &lt;TableRowColumn&gt;5&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Alcohol&lt;/TableRowColumn&gt;
                                  &lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;
                              &lt;/TableRow&gt;
                              {/*&lt;TableRow&gt;*/}
                                  {/*&lt;TableRowColumn&gt;4&lt;/TableRowColumn&gt;*/}
                                  {/*&lt;TableRowColumn&gt;Alcohol&lt;/TableRowColumn&gt;*/}
                                  {/*&lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;*/}
                              {/*&lt;/TableRow&gt;*/}
                              {/*&lt;TableRow&gt;*/}
                                  {/*&lt;TableRowColumn&gt;4&lt;/TableRowColumn&gt;*/}
                                  {/*&lt;TableRowColumn&gt;Alcohol&lt;/TableRowColumn&gt;*/}
                                  {/*&lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;*/}
                              {/*&lt;/TableRow&gt;*/}
                              {/*&lt;TableRow&gt;*/}
                                  {/*&lt;TableRowColumn&gt;4&lt;/TableRowColumn&gt;*/}
                                  {/*&lt;TableRowColumn&gt;Alcohol&lt;/TableRowColumn&gt;*/}
                                  {/*&lt;TableRowColumn&gt;Compliance&lt;/TableRowColumn&gt;*/}
                              {/*&lt;/TableRow&gt;*/}
                          &lt;/TableBody&gt;
                      &lt;/Table&gt;
                      &lt;div className="backButton"&gt;
                          &lt;RaisedButton backgroundColor="#293C8E" label="Back" onClick={this.handleButtonClick}
                                        labelColor="white"&gt;
  
                          &lt;/RaisedButton&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;/MuiThemeProvider&gt;
  
              );
          }
      }
  </code></pre>