JSFiddle - React, Tailwind, and code Playground

by IllusionMH

HTML

<table>
    <tr>
        <th>h1</th>
        <th>h2</th>
        <th>h3</th>
    </tr>
    <tr>
        <td colspan="2">1</td>
        <!--<td>2</td>-->
        <td>3</td>
    </tr>
    <tr>
        <td rowspan="2">4</td>
        <td colspan="2">5</td>
        <!--<td>6</td>-->
    </tr>
    <tr>
        <!--<td>7</td>-->
        <td>8</td>
        <td>9</td>
    </tr>
</table>

CSS

table {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-spacing: 0;
    border-collapse: collapse;
}
td {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    padding: 10px;
}
th {
    border-top: 1px solid #999;
}
th:first-child {
    border-left: 1px solid #999;
}