JSFiddle - React, Tailwind, and code Playground
HTML
<div id="window">
<div class="header">
Hello!
</div>
<div class="wrapper">
<table>
<tr>
<td> Hello World!</td>
</tr>
</table>
</div>
</div>
CSS
#window {
background-color: grey;
width: 200px;
top: 20px;
left: 20px;
}
.header {
background-color: lightgrey;
}
.wrapper {
background-color: darkgrey;
}
body {
width: 100%;
background-color: green;
}
JavaScript
$('#window').draggable({ cursor: "move",containment: 'body', cancel: ".wrapper"});