JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<table id="our_table">
<tr>
<th>head1</th>
<th>head1</th>
<th>head1</th>
</tr>
<tr>
    <td><span id="event">span</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

CSS

td
{
    border: 1px solid black;
}

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

JavaScript

$(function() {
    $( "#our_table span" ).draggable();
    $( "#our_table td" ).droppable();
});