title: Replace or add Material Ui class names to React Data Table Component class names
body: <p>I would like my React Data Table to have Material Ui classes so it can work better with the rest of my App. It was mentioned in the docs that you can override the css with styled components but I have not managed to do that nor found an example.</p>
  
  <p>i would like to add Mui class names to the rtd class names for example:</p>
  
  <pre><code>&lt;div class="rdt_TableCell"/&gt;
  </code></pre>
  
  <p>should be </p>
  
  <pre><code>&lt;div class="rdt_TableCell MuiTableCell"/&gt;
  </code></pre>
  
  <p>link to mentioned feature:</p>
  
  <p><a href="https://www.npmjs.com/package/react-data-table-component#css-overrides" rel="nofollow noreferrer">https://www.npmjs.com/package/react-data-table-component#css-overrides</a></p>
  
  <p>some basic sandbox to play around with:</p>
  
  <p><a href="https://codesandbox.io/s/react-data-table-materialui-9iebe" rel="nofollow noreferrer">https://codesandbox.io/s/react-data-table-materialui-9iebe</a></p>