JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<div>
    <p>Scroll down, then drag an item.</p>
    <table>
        <tr><td>A</td></tr>
        <tr><td>B</td></tr>
        <tr><td>C</td></tr>
        <tr><td>D</td></tr>
        <tr><td>E</td></tr>
        <tr><td>F</td></tr>
        <tr><td>G</td></tr>
        <tr><td>H</td></tr>
        <tr><td>I</td></tr>
        <tr><td>J</td></tr>
        <tr><td>K</td></tr>
        <tr><td>L</td></tr>
        <tr><td>M</td></tr>
        <tr><td>N</td></tr>
        <tr><td>O</td></tr>
        <tr><td>P</td></tr>
        <tr><td>Q</td></tr>
        <tr><td>R</td></tr>
        <tr><td>S</td></tr>
        <tr><td>T</td></tr>
        <tr><td>U</td></tr>
        <tr><td>V</td></tr>
        <tr><td>W</td></tr>
        <tr><td>X</td></tr>
        <tr><td>Y</td></tr>
        <tr><td>Z</td></tr>
    </table>
</div>

CSS

body { overflow-y: scroll; }
div { position: relative; }
td { background: #CCC; padding: 0.5em 10em; cursor: move; }

JavaScript

$(document).ready(function () {
    $('table').sortable({
        items: 'tr',
        axis: 'y'
    });
});