JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.10.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<h2>Table 1:</h2>
        <div id="table1" >
            <table>
                <tbody>
                    <tr>
                        <td>Table 1 First Row</td>
                    </tr>
                    <tr>
                        <td>Table 1 Second Row</td>
                    </tr>
                </tbody>
            </table>
        </div>
 <hr/>
    <h2>Table 2:</h2>
   <div id="table2">
            <table>
                <tbody>
                    <tr>
                        <td>Table 2 First Row</td>
                    </tr>
                    <tr>
                        <td>Table 2 Second Row</td>
                    </tr>
                </tbody>
            </table>
        </div>

CSS

table{
  padding:5px 0;
  min-width:100px;
}
table tr td {
    border: 1px solid red;
}

JavaScript

$("tbody").sortable({connectWith:"tbody"});