JSFiddle - React, Tailwind, and code Playground

HTML

<table>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td colspan="4" rowspan="4"></td>
			<td colspan="2" rowspan="2"></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td rowspan="2"></td>
			<td rowspan="2"></td>
		</tr>
		<tr>
			<td></td>
		</tr>
		<tr>
		    <td></td>
			<td colspan="2" rowspan="2"></td>
			<td colspan="2"></td>
			<td colspan="2"></td>
		</tr>
		<tr>
			<td></td>
			<td colspan="3" rowspan="2"></td>
			<td rowspan="2"></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</table>

CSS

table {
	width: 500px;
	height: 600px;
}

td {
	border: 1px solid;
	empty-cells: show;
}