Dragging HTML cells over the table using Javascript

Question

Folks,

I need a solution that allows drag-and-drop cell over the table.

The cells can be of different colspans, so when the cell is dropped into the middle of another cell, which is bigger, the following steps should be performed:

1. Another td element is created, which is equal in width to the draggable element.
2. Cells on left and right of new td element automatically adjust their width.

Now I use JQuery drag-and-drop plug-in. It allows to drag elements, but becomes a bit awkward when it comes to manipulating DOM elements on the part of droppable element.

Could anybody propose some library where this kind of behaviour is implemented?

Answer 1

DragTable might be a good starting point.

Answer 2

Not sure if it supports tables, but I have used link text before and it worked fairly well for me