JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<table id="table1">
<tr class="1"><td>1</td><td>2</td><td>3</td></tr>
<tr class="2"><td>4</td><td>5</td><td>6</td></tr>
</table>

<br><br>

<table id="table2">
<tr class="1"><td>1</td><td>2</td><td>3</td></tr>
<tr class="1"><td>4</td><td>5</td><td>6</td></tr>
</table>

CSS

td { border: 5px solid green; padding: 20px }

JavaScript

$(function(){

    
    $( "#table1,#table2" ).sortable({ items: 'tr', connectWith : '#table2' });

    $( "#table2" ).on( "sortreceive", function(event, ui) {
        console.log( ui.item )
    });        

});