title: How to increase the font size for the Table component
body: <p>I'm beginning to evaluate <code>material-ui</code> as an alternative for a project and I would like to know what is the recommended way to change the font size for a table.</p>
  
  <p>Currently I'm playing with the component's sandbox (available at <a href="https://codesandbox.io/s/9onokxxn5w" rel="noreferrer">https://codesandbox.io/s/9onokxxn5w</a>) but I couldn't find what to change in order to enlarge the font size.</p>
  
  <p>I tried to change the theme in <code>demo.js</code> adding a <code>fontSize</code> key to the <code>table</code> element, as follows, but it didn't work:</p>
  
  <pre><code>const styles = theme =&gt; ({
      root: {
          width: '100%',
          marginTop: theme.spacing.unit * 3,
          overflowX: 'auto',
      },
      table: {
          minWidth: 700,
          fontSize: '40pt'
      },
  });
  </code></pre>
  
  <p>Thanks in advance for any help in figuring this out.</p>