JSFiddle - React, Tailwind, and code Playground

by rlivsey

HTML

<table>
    <thead>
        <tr>
            <th rowspan="2">Country</th>
            <th colspan="2">Image</th>
            <th colspan="2">Text</th>
        </tr>
        <tr>
            <th>col2</th>
            <th>col3</th>
            <th>col4</th>
            <th>col5</th>            
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data1</td>
            <td>data2</td>
            <td>data3</td>
            <td>data4</td>
            <td>data5</td>            
        </tr>
    </tbody>
</table>

CSS

th {
    border: 1px solid red;
    vertical-align: bottom;
}
td {
    border: 1px solid #000;
}