title: React table filtering & responsive
body: <p>I want to create table using <strong>react</strong> that should have following functionality </p>
  
  <ul>
  <li>search filter using name filter</li>
  <li>dropdown filter using states</li>
  <li>ascending and descending order sorting when clicking on the column header.</li>
  <li>Make table responsive</li>
  </ul>
  
  <p>You can assume following data - 
  var data = [{name: 'zz',state: 'ua'},{name: 'hhj',state: 'op'}]</p>
  
  <p>I've search following react plugins for table functionality - </p>
  
  <ul>
  <li>React Griddle (<a href="https://github.com/griddlegriddle/griddle" rel="noreferrer">https://github.com/griddlegriddle/griddle</a>)</li>
  <li>React data grid (<a href="https://github.com/adazzle/react-data-grid" rel="noreferrer">https://github.com/adazzle/react-data-grid</a>)</li>
  </ul>
  
  <p>While looking into stars at the github, It seems <strong>react griddle</strong> is better but <strong>What would be best plugin to achieve the goal</strong> ?  </p>