title: Check all boxes in a fixed-data-table by using?
body: <p>I used jquery in the function checkall to check/uncheck all the checkboxes in a specific column for a fixed-data-table.  I wonder if this is the best approach or is there a "react-way" of doing this?</p>
  
  <pre><code>'use strict';
  
  var React = require('react/addons');
  var Table = require('fixed-data-table').Table;
  var Column = require('fixed-data-table').Column;
  
  // Table data as a list of array.
  var rows = [
    ['a1', 'b1', 'c1'],
    ['a2', 'b3', 'c2'],
    ['a3', 'b3', 'c3'],
  ];
  
  function checkBox(data){
    return (
      &lt;input type="checkbox" value={data} className="kill-checkbox" /&gt;
    );
  }
  
  function rowGetter(rowIndex) {
    return rows[rowIndex];
  }
  
  // Fixed data tables (Facebook) requirement:http://facebook.github.io/fixed-data-table/
  require('../../styles/fixed-data-table.css');
  var TableTester = React.createClass({
    render: function () {
      return (
        &lt;div&gt;
          &lt;label&gt;Check All&lt;/label&gt;&amp;nbsp;&lt;input type="checkbox" id="check-all" onClick={this.checkall} /&gt;
          &lt;Table rowsCount={rows.length} width={1000} height={300} headerHeight={50} rowHeight={50} rowGetter={rowGetter}&gt;
            &lt;Column label="Col 1" width={500} dataKey={0} /&gt;                                                            
            &lt;Column label="Col 2" width={500} dataKey={1} cellRenderer={checkBox} align="center" /&gt;
          &lt;/Table&gt;
        &lt;/div&gt;
      );
    },
  
    checkall:function(){
      var checked = $("#check-all").is(':checked');    
      $(".kill-checkbox").each(function(){
        $(this).prop('checked', checked);
      });
    },  
  
  });
  
  module.exports = TableTester;
  </code></pre>