JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th>Field 1</th>
        <th>Field 2</th>
        <th>Field 3</th>
        <th>Field 4</th>
        <th colspan="2">Date</th>
    </tr>
    <tr>
        <th colspan="4"></th>
        <th>Last</th>
        <th>Due</th>
    </tr>
    <tr>
        <td>Dummy</td>
        <td>Text</td>
        <td>For</td>
        <td>Testing</td>
        <td>2012</td>
        <td>2014</td>
    </tr>
</table>

CSS

table, th, td {
	border: 1px solid black;
    border-collapse:collapse; 
    padding: 10px;
}