title: how to give full width to table cell in react + material?
body: <p>I am using material UI with react .I am showing my data in table.Actually in table I have some <code>titles</code> example <code>"
  GENERAL_INFORMATION"</code> and <code>INFORMATION</code> are the titles .I want to show this in middle .But my <code>table cell</code> is not taking width 100% why ?</p>
  
  <p>here is my code
  <a href="https://codesandbox.io/s/qlj0l8yrx9" rel="nofollow noreferrer">https://codesandbox.io/s/qlj0l8yrx9</a></p>
  
  <pre><code> &lt;Fragment&gt;
                      &lt;TableRow key={row.id}&gt;
                        &lt;TableCell&gt; {title}&lt;/TableCell&gt;
                      &lt;/TableRow&gt;
                      {row.map(({ displaytext, value }) =&gt; (
                        &lt;TableRow key={row.id}&gt;
                          &lt;TableCell&gt;{displaytext}&lt;/TableCell&gt;
                          &lt;TableCell&gt;{value}&lt;/TableCell&gt;
                        &lt;/TableRow&gt;
                      ))}
                    &lt;/Fragment&gt;
  </code></pre>
  
  <p>I am taking help from this url
  <a href="https://material-ui.com/demos/tables/" rel="nofollow noreferrer">https://material-ui.com/demos/tables/</a></p>