Stream

Max Kiesler's entrance page and activity stream from all my blogs

Blog Archives

All of the posts from Max's main blog

DesignDemo

Demos of web interface and interaction design

Vizlist

View all of our media

mHub

Ajax, rails and other coding examples & how-to's

Labs

My personal work, or work in progress

About

Learn more about Max

News

Stay up to date with Max

Tag(s): drag+and+drop

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



Stuff

Subscribe

  in a reader
  by email

    

About

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