title: How can I style Material UI table header?
body: <p>How can I style Materials' UI table header?</p>
  <p>Maybe something like add classes with useStyle.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;TableHead &gt;
              &lt;TableRow &gt;
                  &lt;TableCell hover&gt;Dessert (100g serving)&lt;/TableCell&gt;
                  &lt;TableCell align="right"&gt;Calories&lt;/TableCell&gt;
                  &lt;TableCell align="right"&gt;Fat&amp;nbsp;(g)&lt;/TableCell&gt;
                  &lt;TableCell align="right"&gt;Carbs&amp;nbsp;(g)&lt;/TableCell&gt;
                  &lt;TableCell align="right"&gt;Protein&amp;nbsp;(g)&lt;/TableCell&gt;
              &lt;/TableRow&gt;
  &lt;/TableHead&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I want to add style to the table header</p>