Drag & Drop-Elemente zwischen zwei Container

Question

Ich habe zwei Tabellen nach Name Tabelle 1 und Table2 und jede Tabelle besteht aus zwei Zeilen.

konnte ich die Lage Elemente innerhalb der gleichen Tabelle

Könnten Sie mir bitte sagen, per Drag & Drop Wenn es möglich ist, Tabellenzeilen aus den Tabellen 1 bis 2 und umgekehrt (Verschieben von Zeilen in verschiedenen Tabellen per Drag & Drop)

Das ist mein HTML für die beiden Tabellen

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

und mein js Code

$("tbody").sortable({ 

}); 

Das ist meine Geige

https://jsfiddle.net/wdy1ty89/7/

Answer 1

Von jQuery UI:

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

Sie sollten eine min-Breite und Höhe gelten, wenn der Benutzer das Element ziehen:

table{ 
    padding:5px 0; // To have a min height of 10px 
    min-width:100px; 
} 

Überprüfen Sie this Fiddle