title: Set Material UI react TableCell width dynamically
body: <p>How can I set the width of a TableCell in Material UI react? I tried this, but it doesn't work:</p>
  
  <pre><code>return(
      &lt;Paper className={classes.root}&gt;
          &lt;Table className={classes.table}&gt;
              &lt;TableHead&gt;
                  &lt;TableRow&gt;
                      &lt;TableCell style={{width: '30%'}}&gt;Vorname&lt;/TableCell&gt;
                      &lt;TableCell style={{width: '20%'}}&gt;Nachname&lt;/TableCell&gt;
                      &lt;TableCell style={{width: '20%'}}&gt;Soc. Vers. Nr.&lt;/TableCell&gt;
                      &lt;TableCell style={{width: '20%'}}&gt;Geburtsdatum&lt;/TableCell&gt;
                      &lt;TableCell style={{width: '10%'}} colSpan={2}&gt;Aktionen&lt;/TableCell&gt;
                  &lt;/TableRow&gt;
              &lt;/TableHead&gt;
              &lt;TableBody&gt;
                  {delegates.map((delegateItem) =&gt; {
                      return(
                          &lt;TableRow key={delegateItem.userData.id}&gt;
                              &lt;TableCell style={{width: '30%'}}&gt;{delegateItem.userData.firstName}&lt;/TableCell&gt;
                              &lt;TableCell style={{width: '20%'}}&gt;{delegateItem.userData.lastName}&lt;/TableCell&gt;
                              &lt;TableCell style={{width: '20%'}}&gt;{delegateItem.userData.socSecNr}&lt;/TableCell&gt;
                              &lt;TableCell style={{width: '20%'}}&gt;{delegateItem.userData.birthDateStr}&lt;/TableCell&gt;
                              &lt;TableCell style={{width: '5%'}}&gt;
                                  &lt;Link to={`/delegateperms/${delegateItem.userData.id}`}&gt;
                                      &lt;SettingsIcon/&gt;
                                  &lt;/Link&gt;
                              &lt;/TableCell&gt;
                              &lt;TableCell style={{width: '5%'}}&gt;
                                  &lt;Link to={`/delegatedelete/:${delegateItem.userData.id}`}&gt;
                                      &lt;DeleteForeverIcon/&gt;
                              &lt;/Link&gt;
                          &lt;/TableCell&gt;
                          &lt;/TableRow&gt;
                      )
                  })}
              &lt;/TableBody&gt;
          &lt;/Table&gt;
      &lt;/Paper&gt;
  )
  </code></pre>
  
  <p>All columns have the same width. I would like to have the width dynamically. How can I make this?</p>