JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div class="c">
                Cell Content (hover me)
                <div>
                    Cell Full Content, needs lots of space....                
                </div>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="c">
                Cell Content
                <div>
                    Cell Full Content, needs lots of space....                
                </div>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="c">
                Cell Content
                <div>
                    Cell Full Content, needs lots of space....                
                </div>
            </div>
        </td>
    </tr>
</table>

CSS

.c {
    position: relative;
}

.c div {
     display: none;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     border: solid 2px #ccc;
     background: white;   
    z-index: 1000;
}

.c:hover div {
     display: block;
}