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>