JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position:relative">
    <table style="position:absolute;left:150px;top:0px">  
        <tr>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td></td>
            <td onclick="alert('red')" style="background-color:red"></td>
            <td></td>
        </tr>
    </table>

    <table style="position:absolute;left:100px;top:124px; pointer-events: none;">
        <tr>
            <td colspan="3"></td>
        </tr>
        <tr>
            <td></td>
            <td onclick="alert('blue')" style="background-color:blue; pointer-events: all;"></td>
            <td></td>
        </tr>
    </table>
</div>

CSS

td
    {
        height:120px;
        width:120px;
}