jQuery Table Drag and Drop plugin simply adds drag’n drop functionality to tables.

Table drag’n dropping can’t be handled by standard drag’n dropping utilities as you need to move the whole row, not just the cell that receives the mouse events and re-parenting the row also requires specific code.

jQuery Table Drap Drop

This drag and drop plugin:

  • Allows the user to reorder rows within a table.
  • Individual rows can be marked as non-draggable and/or non-droppable.
  • Rows can have as many cells as necessary and the cells can contain form elements.

Standard usage is very simple:

$("#table-1").tableDnD();

After every drag’n drop event the new ordering values of the columns are returned as an array which you can send it as an Ajax query for updating the database.

WebResourcesDepot Feed