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>
</table>

CSS

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

JavaScript

$(function(){
    
$("tbody").sortable({ connectWith: "tbody" });
    $("tr").each(function(){
        $(this).css({height:"25px"});
    });
});