JQuery can be used to easily relocate table rows. This post shows two of the manipulations: (1) Move a row to one row up or down, and (2) Move a row to another arbitrary position.
This demo is illustrated by the following table. (1)When a “Move Up” or “Move Down” button is clicked, the containing row will be moved one row up/down respectively; (2)When the “Secret” column is edited, a row (originally hidden as the last row) will be moved right below the row containing the edited text input.
Code is provide here on gist.