http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/
is a plugin that makes this possible --adam On Nov 28, 5:01 am, seasoup <[EMAIL PROTECTED]> wrote: > That's different. The <tr></tr> doesn't need to leave the table, if > you could make a tr draggable, you'd have to drop it in another table > at the least.... > > On Nov 27, 9:43 pm, René <[EMAIL PROTECTED]> wrote: > > > Actually, sortable() lets you drag rows between tables, so I don't > > think it's impossible. > > > On Nov 27, 4:34 pm, seasoup <[EMAIL PROTECTED]> wrote: > > > > I don't think you can drag table rows... it would remove them from the > > > table... > > > > On Nov 27, 3:11 pm, René <[EMAIL PROTECTED]> wrote: > > > > > I can drag and sort lists. > > > > I can sort tables. > > > > I can drag entire tables. > > > > > But I can't drag individual table rows. Anyone know how to do it? > > > > Here's some sandbox code: > > > > > <ul id="list"> > > > > <li id="a_1" class="drag1">The</li> > > > > <li id="a_2" class="drag1">slow</li> > > > > <li id="a_3" class="drag1">green</li> > > > > <li id="a_4" class="drag1">turtle</li> > > > > </ul> > > > > > <table id="table"> > > > > <tbody id="rows"> > > > > <tr id="a_1" class="drag2"><td>The</td></tr> > > > > <tr id="a_2" class="drag2"><td>quick</td></tr> > > > > <tr id="a_3" class="drag2"><td>brown</td></tr> > > > > <tr id="a_4" class="drag2"><td>fox</td></tr> > > > > </tbody> > > > > </table> > > > > > <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ > > > > libs/jquery/1.2.6/jquery.min.js"></script> > > > > <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ > > > > libs/jqueryui/1.5.2/jquery-ui.min.js"></script> > > > > <script type="text/javascript"> > > > > > $(document).ready(function() { > > > > $('.drag1').draggable(); // WORKS > > > > // $('#list').sortable(); // WORKS > > > > // $('#rows').sortable(); // WORKS > > > > // $('#table').draggable(); // WORKS > > > > // $('#rows').draggable(); // DOESN'T WORK -- ? > > > > $('.drag2').draggable(); // DOESN'T WORK -- ? > > > > // $('#a_1').draggable(); // DOESN'T WORK -- ? > > > > }); > > > > > </script>
