JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true">
	<table>
		<tr id='1'>
			<td >H1</td>
			<td >H2</td>
			<td >H3</td>
			<td >H4</td></tr>
			<tr id='2'>
			<td >R1</td>
			<td >R1</td>
			<td >R1</td>
			<td >R1</td></tr>
			<tr id='3'>
			<td >R2</td>
			<td >R2</td>
			<td >R2</td>
			<td>R2</td>
		</tr>
	</table>
</div>

CSS

table {
	width: 400px;
	table-layout: fixed;
	border-collapse: collapse;
}
td {
	border: 1px dotted #c0c0c0;
}