JSFiddle - React, Tailwind, and code Playground

by phrontisteries

HTML

<script src="https://www.jsdelivr.com/package/npm/sortablejs"></script>
<table id='selections'>
<tbody>
    <tr class='selection'><td>one</td></tr>
    <tr class='selection'><td>two</td></tr>
    <tr class='selection'><td>three</td></tr>
    <tr class='selection'><td>four</td></tr>  
</tbody>
</table>

CSS

tr {cursor: move;}

JavaScript

var opts = {
    draggable: ".selection",
    handle: ".selection",
    group: "sorting",
    sort: true,
    ghostClass: "sortable-ghost"
};

var el = document.getElementById('selections');

new Sortable(el, opts);