Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Using jQuery

rodhentz

Dynamic order rows in a table by id

in Using jQuery • 9 years ago

Hi guys!

I have a requirement to order rows in a table using Java Script (JQuery)

My table is look like:

<table>
<tr id="3">
<td>C</td>
<td><table><tr><td>Row C</td></tr></table></td>
</tr>
<tr id="1">
<td>A</td>
<td><table><tr><td>Row A</td></tr></table></td>
</tr>
<tr id="2">
<td>B</td>
<td><table><tr><td>Row B</td></tr></table></td>
</tr>
</table>

And the final result is to be:

A Row A

B ROw B

C ROw C

How I can do this?

Thanks!

Replies(1)

jakecigar

Re: Dynamic order rows in a table by id

9 years ago

rows = $(’table>tbody>tr’).get() // an array of the rows.

Then sort them,

rows = rows.sort(orderByFirstTd)

Then insert them back into the DOM

$(’table>tbody).append(rows)

Now you just need to write a classic sort compare function… orderByFirstTd

JΛ̊KE

Statistics

1 Replies
5731 Views
1 Followers

Actions

Permalink

Response title

Attachments

jQuery Forum

Dynamic order rows in a table by id

Replies(1)

Re: Dynamic order rows in a table by id

Statistics

Tags

Actions