JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="w100" colspan="2" rowspan="2">1</td>
        <td class="h50">2</td>
        <td class="w100" rowspan="2">3</td>
    </tr>
    <tr>
        <td class="w100" rowspan="2">4</td>
    </tr>
    <tr>
        <td class="w100" colspan="2" rowspan="2">5</td>
        <td class="w100" rowspan="2">6</td>
    </tr>
    <tr>
        <td class="w100" rowspan="2">7</td>
    </tr>
    <tr>
        <td class="w50" rowspan="2">8</td>
        <td class="w50" rowspan="2">9</td>
        <td class="w100" rowspan="2">10</td>
    </tr>
    <tr>
        <td class="h50">11</td>
    </tr>
</table>

CSS

table {
    width:300px;
    height:300px;
}
td {
    width: 100px;
    border:1px solid #000;
    height:100px;
}
.w50 {
    width: 50px;
}
.h50 {
    height: 50px;
}