2つのコンテナの間に要素をドラッグアンドドロップする方法

Question

私は名前で2つのテーブルを持っています表1と表2各テーブルは2つの行で構成されています。それは表2およびその逆に、表1から表の行をドラッグ＆ドロップすることが可能であるならば、私は同じテーブル内

を要素をドラッグ＆ドロップすることができたあなたが私に教えてもらえ

（別のテーブル内の行を移動します）

これは

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

と私のJSコード

$("tbody").sortable({ 

}); 

01二つのテーブルのための私のHTMLです

これは私のバイオリンjQuery UIから

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

Answer 1

です：

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

あなたは、ユーザーが要素をドラッグすることができます最小の幅と高さを適用する必要があります。

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

チェックthis Fiddle