JQuery Moves Table Rows

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.

This entry was posted in Javascript & html and tagged , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s