Stack Overflow
Stack Overflow

Questions tagged [tablednd]

TableDnD is a jQuery plug-in to drag and drop rows in HTML tables.

TableDnD is a jQuery plug-in to drag and drop rows in HTML tables.

The 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.

Usage : $("#table").tableDnD();

Project homepage -> http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/
Sourcecode -> https://github.com/isocra/TableDnD

24 questions
25
votes
2 answers

Uncaught TypeError: Converting circular structure to JSON

I have a tableDnD drag and drop with JSON.stringify : jQuery(document).ready(function() { jQuery("#Table").tableDnD({ onDragClass: "danger", onDrop: function(table, row) { jQuery.ajax({ url:…
jawad
  • 261
  • 1
  • 3
  • 7
15
votes
3 answers

TableDnD onDrop event not firing

I'm sure this is something very simple, it usually is. $('#sort-table').tableDnD({ onDragClass: "dnd_drag", onDragStart: function(table, row) { console.log("start drag"); }, onDrop: function(table, row) { …
Beau
  • 253
  • 2
  • 8
3
votes
3 answers

tableDnD - enabling drag / drop for only one in a

I'm using Denis' outstanding tableDnD jquery plugin. I would like to allow users to drag/drop rows but only when their mouse is within a particular td within the row. So far I've tried two methods:(note that the var "tr" contains the jquery row…
RoyHB
  • 1,715
  • 1
  • 22
  • 38
2
votes
1 answer

Table Drag and Drop JQuery plugin - how to deinitialize it?

I am using Table Drag and Drop JQuery plugin (http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/). I have a button that initializes sorting. But, after sorting is done, I want to deinitialize it, so user can continue with other tasks.…
Marko
  • 213
  • 2
  • 8
2
votes
2 answers

Table drag and drop (holding only one column)

I wanted to do draggable table rows, I found TableDnD jQuery plugin and it works fine $(function() { $("table").tableDnD(); }); As you can see there: http://jsfiddle.net/drBfS/1/. But I wanted to make only one column draggable. I mean,…
Andy
  • 1,035
  • 1
  • 12
  • 28
2
votes
1 answer

Change table row name attribute using javascript

Hey i want to change the name attribute of a table once the row is draged from one group into the other. I get the row of which name attribute to be changed and the target name. but my javascript function is not changing the row name This is what I…
Zoha Ali Khan
  • 1,659
  • 11
  • 37
  • 56
1
vote
1 answer

tableDnD container scrolling

does anyone know if tableDnD (http://isocra.github.io/TableDnD/) can handle div container scrolling so that when I use a table with a large number of rows, and I drag a row up to above a container then the container scrolls to keep the row in view.…
user1432181
  • 918
  • 1
  • 9
  • 24
1
vote
1 answer

Facing issue in ASP.NET GridView drag and drop using jQuery

I hope someone will help me in resolving this issue. I have an ASP.NET gridview where the DataKeyName has the primary key for the grid view. I need this grid rows to be drag and drop so that the user can sort the order in the grid view. I am able to…
Kalaivani
  • 11
  • 3
1
vote
1 answer

jQuery tablednd move two rows together

I have prepared a jsfiddle environment, just to show you my issue. I want to move two rows together (the red ones) with the tablednd jquery plugin or maybe an alternative / workaround. Any ideas about that? I know I can nest a table inside a tr/td…
44r3n54n
  • 90
  • 9
1
vote
0 answers

How to use table dnd for nested tablee structure?

Following is my query. I am using table dnd js for sorting the rows of my table. When table structure is simple, it works perfectly. But is there a way to group two (or perhaps more) rows and move them together? To do this, i am using nested table…
New user
  • 11
  • 4
1
vote
1 answer

jqGrid TableDnD issue

I created a table using jqGrid Plugin for jQuery and relying on following demo, I want to drag and drop the rows of my table. Demo: http://trirand.com/blog/jqgrid/jqgrid.html (New in version 3.3 -> Row Drag and Drop) When I try to drag a row, I get…
Laurenz
  • 110
  • 3
  • 13
1
vote
2 answers

DragHandle Not working in TableDnD JQuery Plugin

I am using tablednd plugin to drag and drop my table rows everything works fine for me but when I try to use the DragHandle property then neither the rows are dragable nor the hander comes My Script is as