Move Rows up and down in html table [duplicate]

Question

Possible Duplicate:
Swapping rows in JQuery

How to move rows up and down in a table on some button click?

Answer 1

Try using jQuery. You can do something like:

<table id="mytable">
    <tr>
        <td>row 1</td>
        <td><input type="button" value="move up" class="move up" /></td>
        <td><input type="button" value="move down" class="move down" /></td>
    </tr>
    ...
</table>

$('#mytable input.move').click(function() {
    var row = $(this).closest('tr');
    if ($(this).hasClass('up'))
        row.prev().before(row);
    else
        row.next().after(row);
});

Look at it working here.

You can also try jQuery's sortable, it is much easier.