JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<table border="1" id="myTable">
    <thead>
        <tr><th>col 1</th><th>col 2</th></tr>
    </thead>
    <tbody>
        <tr><td><div id="stickItHere1">&nbsp;</div></td><td><div id="stickItHere2">&nbsp;</div></td></tr>
    </tbody>
</table>

CSS

table {width:100px;border:1px solid black}
td {width:50px!important}
tr{height:10px!important}

JavaScript

$(function(){
    $("<div>this is the contents of div 1</div>").insertAfter("table").css("position","absolute").offset($("#stickItHere1").offset());
    $("<div>this is the contents of div 2</div>").insertAfter("table").css("position","absolute").offset($("#stickItHere2").offset());
});