title: React - Material UI: How to remove scrollbar from table
body: <p>I've built a simple table with react and material UI with these instructions: <a href="https://material-ui.com/components/tables/#table" rel="nofollow noreferrer">https://material-ui.com/components/tables/#table</a>.</p>
  
  <p>It works fine but the scrollbar bothers me.
  <a href="https://i.stack.imgur.com/7Jtf9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7Jtf9.png" alt="enter image description here"></a></p>
  
  <p>Is there an option to let the scrollbar start at the red arrow? Or remove it entirely?</p>
  
  <p>Thank you in advance</p>
  
  <p>code</p>
  
  <pre><code>    &lt;TableContainer component={Paper} style={{maxHeight: 350}}&gt;
      &lt;Table className={styles.table} size="small" stickyHeader&gt;
        &lt;TableHead&gt;
          &lt;TableRow &gt;
            &lt;TableCell className={styles.header}&gt;
              &lt;Checkbox checked={allSelected} onClick={handleSelectAll} color="primary"/&gt;
            &lt;/TableCell&gt;
            &lt;TableCell className={styles.header} align="left"&gt;Name&lt;/TableCell&gt;
            {props.showAdmin &amp;&amp; &lt;TableCell className={styles.header}&gt;Admin&lt;/TableCell&gt;}
          &lt;/TableRow&gt;
        &lt;/TableHead&gt;
        &lt;TableBody&gt;
          {props.employees.map(empl =&gt; (
            &lt;TableRow key={empl.id}&gt;
              &lt;TableCell&gt;
                &lt;Checkbox checked={isSelected(empl.id)} onClick={() =&gt;handleSelect(empl.id)} className={styles.checkBox} color="primary"/&gt;
              &lt;/TableCell&gt;
              &lt;TableCell component="th" scope="row" style={{paddingRight: 30}}&gt;{empl.name}&lt;/TableCell&gt;
              {props.showAdmin &amp;&amp; &lt;TableCell align="center"&gt;&lt;Checkbox disabled checked={empl.isAdmin} className={styles.checkBox}/&gt;&lt;/TableCell&gt;}
            &lt;/TableRow&gt;
          ))}
        &lt;/TableBody&gt;
      &lt;/Table&gt;
    &lt;/TableContainer&gt;
  </code></pre>
  
  <p>style</p>
  
  <pre><code>createStyles({
    table: {
     maxWidth: 350,
     maxHeight: 300
    },
    header: {
     backgroundColor: '#123456',
     color: '#ffffff',
     fontSize: 18
   },
   checkBox: {
     paddingTop: 1,
     paddingBottom: 1,
   }
  }),
  );
  </code></pre>