Comments on: Table Drag and Drop JQuery plugin

By: 17 jQuery Plugins for Easy and Efficient Reordering and Filtering Page Elements : Web Lime – Design and IT blog

Thu, 11 Mar 2010 14:03:41 +0000

[...] Table Drag and Drop JQuery plugin [...]

By: Bala

Bala — Tue, 09 Mar 2010 06:22:31 +0000

First off, thanks so much for the plugin. It is really useful and easy to use.

I have a problem when I have a table inside an iframe. When I drag a row and take it to the top, the page will not scroll (even after explicitly setting scrollAmount to a positive value). Scrolling works on the same table if it is not inside an iframe. Has anyone faced this problem? Has anyone figured out a solution for this?

Thanks in advance.

By: Ajay pate

Ajay pate — Tue, 09 Mar 2010 05:36:48 +0000

Hy I Have found bug in the table drag and drop plugin.
i fill the div’s Inner Html with xajax function after words in xajax i called addScript() function to add dynamic script.table is sortable and dragable in any ie,mozilla and opera browser.
but this cant work in the safari 3+. & i found the following error or alert message

Type Error: Value undefined(result of expression o.find) is not object.

Please help me asap.

By: 20 BEST JQUERY TABLE PLUGINS « Focus Tips's Blog

20 BEST JQUERY TABLE PLUGINS « Focus Tips's Blog — Sun, 07 Mar 2010 02:20:52 +0000

[...] 7. Table row drag and drop This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example). Individual rows can be marked as non-draggable and/or non-droppable (so other rows can’t be dropped onto them). Rows can have as many cells as necessary and the cells can contain form elements. [...]

By: Landon

Landon — Sat, 06 Mar 2010 10:34:08 +0000

I was able to get the multi-tbody functionality working with a little effort:

Modify code near line 270:

if (currentRow) {
                // same tbody
				if (jQuery.tableDnD.dragObject.parentNode == currentRow.parentNode)
				{
					// make sure we've moved
					if (jQuery.tableDnD.dragObject != currentRow)
					{
						if (movingDown)
							jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow.nextSibling);
						else if ( !movingDown)
							jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow);
					}
				}
				// different tbody
				else
				{
					var tmpObject = jQuery(jQuery.tableDnD.dragObject).detach();
					if (movingDown)
						tmpObject.insertBefore(jQuery(currentRow));
					else if ( !movingDown)
						tmpObject.insertAfter(jQuery(currentRow));

				}
            }

Note: requires jquery 1.4! (the detach() method makes the magic happen…)

Regards,
Landon

By: Per

Per — Sun, 28 Feb 2010 12:15:09 +0000

Also, I can’t get tableDnDUpdate() working ;/

By: Per

Per — Sun, 28 Feb 2010 00:01:17 +0000

I have a problem with this plugin when using dragHandle.
If you stay with the cursor with mousedown just between 2 td’s the drag image will appear on both.
It’s very annoying. :/
Anyone could help me fix it? I’ve tried alot and I don’t think this plugin will be updated anymore, right?
Thanks

By: Mike Clinton

Mike Clinton — Fri, 26 Feb 2010 16:43:35 +0000

Great script! Do you have any plan to add drag/drop column instead of row?

By: Gatis

Gatis — Fri, 26 Feb 2010 15:42:53 +0000

It is possible now drag and drop under parent rows?

Thanks.

By: Jin Wang

Jin Wang — Thu, 25 Feb 2010 11:24:58 +0000

Hallo Nino Dafonte, your codes of "TableDnd in Scrolled Div" have a bug, that the scroll can only be scrolled down. Scroll up is not working . The codes shuld be changed like so:

	var container = config.containerDiv;
	var yOffset = container.scrollTop();
	var windowHeight = container.innerHeight();
	var y = mousePos.y - jQuery.tableDnD.mouseOffset.y;		

	var upperBorder = container.position().top  + container.innerHeight(); // not error, it should also be added because mouse moves up
	var bottomBorder = container.position().top + container.innerHeight();		

	if (mousePos.y > bottomBorder) {
		container.scrollTop(container.scrollTop() + config.scrollAmount);
	}

	if (mousePos.y < upperBorder) {
		container.scrollTop(container.scrollTop() - config.scrollAmount);
	}