Javascript 拖放时，DIV中的表粘在一起

你好， 我有一个空DIV，在其中我动态地并排生成两个表。这些表可以通过一系列的方式拖放。 将表添加到DOM时，我会执行以下操作：

var dvTable = document.getElementById("DragDropZone");
dvTable.appendChild(table1);
dvTable.appendChild(table2);

我希望在拖放第二张桌子时将其粘贴到第一张桌子上，这样我可以同时移动两张桌子。 有人有主意吗？提前谢谢！：

像这样的

var dvTable = document.getElementById("DragDropZone");
var parent = document.createElement("table");
parent.classList.add('draggable');

parent.appendChild(table1);
parent.appendChild(table2);
dvTable.appendChild(parent);

---

把表1和表2放在表3中，让表3可以拖动，怎么样？这是个好主意。我也在考虑jQueryUI中的snap属性……好主意，我想你可以选择任何一种方式，我要做的是这样的：精确！谢谢