JSFiddle - React, Tailwind, and code Playground

by matt9388

HTML

<table id="table1">
    <tr class="sort">
        <td>Table1 Cell1</td>
        <td>Table1 Cell2</td>
    </tr>
    <tr class="sort">
        <td>Table1 Cell3</td>
        <td>Table1 Cell4</td>        
    </tr>
</table>

<table id="table2">
     <tr>
        <td>Header 1</td>
        <td>header 2</td>
    </tr>
    <tr class="sort">
      
    </tr>
    <tr class="sort">
           
    </tr>
</table>

CSS

table{height: 100px; margin:10px; border:1px solid red;}
tr{border:1px solid green; padding: 5px; height:25px;}
td{border:1px solid black; padding: 5px; width:100px; height:25px;}
#table1{}
#table2{}

JavaScript

$(function(){
$(".sort").sortable({ connectWith: ".sort" });
});