title: Col span and Row span in material-table header React
body: <p>I am trying to use the material-table and I would like to use <code>colspan</code> and <code>rowspan</code> in the material-table. I already search for example and sample but I don't see anything. </p>
  
  <p>Currently, I use to like that in the material table</p>
  
  <pre><code>&lt;TableHead&gt;
                        &lt;TableRow&gt;
                          &lt;TableCell rowSpan={2}&gt;Approve&lt;/TableCell&gt;
                          &lt;TableCell rowSpan={2} align="center"&gt;Date&lt;/TableCell&gt;
                          &lt;TableCell rowSpan={2} align="center"&gt;Emp id&lt;/TableCell&gt;
                          &lt;TableCell rowSpan={2} align="center"&gt;Emp Name&lt;/TableCell&gt;
                          &lt;TableCell rowSpan={2} align="center"&gt;Shift&lt;/TableCell&gt;
                          &lt;TableCell rowSpan={2} align="center"&gt;Cost Center&lt;/TableCell&gt;
  
                          &lt;TableCell colSpan={2} align="center"&gt;In&lt;/TableCell&gt;
                          &lt;TableCell colSpan={2} align="center"&gt;Out&lt;/TableCell&gt;
  
                          &lt;TableCell rowSpan={2} align="center"&gt;Action&lt;/TableCell&gt;
                        &lt;/TableRow&gt;
                        &lt;TableRow&gt;                       
                          &lt;TableCell align="center"&gt;Time&lt;/TableCell&gt;
                          &lt;TableCell align="center"&gt;Date&lt;/TableCell&gt;
                          &lt;TableCell align="center"&gt;Time&lt;/TableCell&gt;
                          &lt;TableCell align="center"&gt;Date&lt;/TableCell&gt;
                        &lt;/TableRow&gt;
                      &lt;/TableHead&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/3hqEv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3hqEv.png" alt="enter image description here"></a></p>
  
  <p>How can I achieve this same design in <code>material-table</code>?</p>