JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="2" border="0" id="demo">
    <tbody>
        <tr>
            <td>
                foo
            </td>
            <td>
                bar
            </td>
            <td>
                foobar
            </td>
        </tr>
        <tr>
            <td>
                foo
            </td>
            <td>
                bar
            </td>
            <td>
                foobar
            </td>
        </tr>
        <tr>
            <td>
                foo
            </td>
            <td>
                bar
            </td>
            <td>
                foobar
            </td>
        </tr>
        <tr>
            <td>
                foo
            </td>
            <td>
                bar
            </td>
            <td>
                foobar
            </td>
        </tr>
        <tr>
            <td>
                foo
            </td>
            <td>
                bar
            </td>
            <td>
                foobar
            </td>
        </tr><tr>
        <td>
            foo
        </td>
        <td>
            bar
        </td>
        <td>
            foobar
        </td>
        </tr>
    </tbody>
</table>

CSS

table tbody tr {
    background-color: #FFF;
};

JavaScript

var sel = $("#demo tbody tr").sortable()