JSFiddle - React, Tailwind, and code Playground
HTML
<table border="1">
<tr>
<td width="50px">0</td>
<td width="50px">0</td>
<td width="50px">0</td>
<td width="50px">0</td>
<td width="50px">0</td>
<td width="50px">0</td>
</tr>
<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>