JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<table>
    <tbody>
        <tr>
            <td>tbody1-tr1-td1</td>
            <td>tbody1-tr1-td2</td>
            <td>tbody1-tr1-td3</td>
        </tr>
        <tr>
            <td>tbody1-tr2-td1</td>
            <td>tbody1-tr2-td2</td>
            <td>tbody1-tr2-td3</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>tbody2-tr1-td1</td>
            <td>tbody2-tr1-td2</td>
            <td>tbody2-tr1-td3</td>
        </tr>
        <tr>
            <td>tbody2-tr2-td1</td>
            <td>tbody2-tr2-td2</td>
            <td>tbody2-tr2-td3</td>
        </tr>
    </tbody>
</table>

CSS

table { border-collapse: collapse; }
tbody { border: 1px solid #444; cursor: move }

JavaScript

$("table").sortable({
        axis : "xy",
        tolerance : "pointer"
    });