Drag and Drop Table Rows With Javascript
There are many articles on implementing drag and drop in Javascript and many excellent frameworks and libraries that provide you with everything you need. In fact I use Script.aculo.us quite a bit. However, I haven't found anything much that tells you how to re-order rows in a table. Table rows are different from other elements normally used for drag and drop such as list items or divs because they can't be moved about in the same way. It wouldn't make sense to have absolute positioning on table rows-they sort of have to be in the table. There are also limitations on the styles you can put on rows, you can't have a border round them for example. So, the solution to this problem is slightly different from other drag and drop mechanisms.
Blog: mHub -
Read More...
Max Kiesler is an award-winning strategic designer and co-founder and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites. About Max...