拖放时DIV中的表格会粘在一起

Question

Good Day, I have an empty DIV <div id="DragDropZone"></div> in which I generate 2 tables side by side dynamically. These tables can be dragged and dropped in a series of many. When I add my tables to the DOM, I do this:

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

I would like to have the second table sticked to the first, when it's dragged and dropped, so I can move both at once. Anybody has an idea ? Thanks in advance! :)

Answer 1

Something like this?

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

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