JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
           <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=50&h=50" alt ="1,1">
        </td>
        <td colspan="2">
           t
        </td>
        <td>
            t
        </td>
    </tr>
    <tr>
        <td rowspan="2">
           t
        </td>
        <td>
            t
        </td>
        <td>
            t
        </td>
        <td rowspan="2">
           t
        </td>
    </tr>
    <tr>
        <td>
           t
        </td>
        <td>
           t
        </td>
    </tr>
    <tr>
        <td>
           t
        </td>
        <td colspan="2">
            t
        </td>
        <td>
           t
        </td>
    </tr>
</table>

CSS

table {
    border-collapse : collapse;
    border-spacing : 0;
    border:0;
}

tr, td {
    padding : 0;
    border : 0;
    width: 20px;
}

td {
    background-color: red;
    border: 1px solid black;
    text-align: center;
}

img {
    display: block;
}