JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<thead>
		<tr><td colspan='2'>Header</td></tr>
		<tr><td>Column 1</td><td>Column 2</td></tr>
	</thead>
	<tbody>
		<tr><td>Element</td><td>Element</td></tr>
		<tr><td>Element</td><td>Element</td></tr>
	</tbody>
	<tfoot>
		<tr><td colspan='2'>Footer</td></tr>
	</tfoot>
</table>

CSS

body { margin: 10px; }
table {
    border: 1px solid #aaa;
    background: #fff;
    border-spacing: 1px;
    border-collapse: separate;
}
td {
    font-family: Tahoma;
    background: #ddd;
    padding: 5px 8px;
}