Dragging HTML cells over the table using Javascript



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?


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

DragTable might be a good starting point.

By : Pi.

Get out of Crystal Reports. They are poor.

Check out SQL Reporting Services. It works very well with .NET. Try it out. There is a learning curve, but when is there not?

This video can help you solving your question :)
By: admin