JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" width="500px" height="500px" cellpadding="0" cellspacing="0">
  <tr>
    <td rowspan="2" colspan="2" width="33%">1</td>
    <td rowspan="4" colspan="2" width="33%">5</td>
    <td colspan="2" width="33%">6</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2">7</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2">2</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2">8</td>
  </tr>
  <tr>
    <td colspan="3" rowspan="2" width="49%">3</td>
    <td rowspan="2" width="16%">4</td> 
  </tr>
  <tr>
    <td colspan="2">9</td>
  </tr>
</table>