JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
  <tr>
    <td rowspan="2" colspan="2" height="100px" width="100px">1</td>
    <td rowspan="4" colspan="2" height="200px" width="100px">5</td>
    <td colspan="2" height="50" width="100px">6</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2" height="100" width="100">7</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2" height="100" width="100">2</td>
  </tr>
  <tr>
    <td colspan="2" rowspan="2" height="100" width="100">8</td>
  </tr>
  <tr>
    <td colspan="3" rowspan="2" height="100" width="150">3</td>
    <td rowspan="2" height="100" width="50">4</td> 
  </tr>
  <tr>
    <td colspan="2" height="50" width="100">9</td>
  </tr>
</table>