How to sort a a table with Javascript without library?

Question

There is two main aims:

Sort table of data using javascript without libraries such as jquery, so pure javascript.
Sort/group rows together based on class/id (like css).

I thought maybe getElementById could be useful, but don't know enough javascript to investigate properly.

I'm not sure about getElementById, but I would probably start with something like...<script> perhaps. — Robert McKee
– Robert McKee, Commented Jun 2, 2013 at 6:31

Niet the Dark Absol · Accepted Answer · 2013-06-02 03:04:34Z

1

A table's rows can be found in the rows[] array of said table.

You can create an array containing those rows.

You can then .sort() the array based on a callback function that looks up certain info, in the form
.sort(function(a,b) { /* return -1 if a comes before b or 1 if b comes before a */ })

If you iterate over the array and appendChild the rows to the table they are in, the result is a sorted table.

If you have problems with the actual code, please post what you have so far and we can help more specifically ;)

answered Jun 2, 2013 at 3:04

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user1166981 Over a year ago

I don't want to do it in php because I want to put the onus on the visitor browser to conduct the sort rather than process an array on the backend, unless are you talking about javascript?

Niet the Dark Absol Over a year ago

@Stephen "He" is correct, although thank you for not assuming either way ;)

user1166981 Over a year ago

"This is some pretty basic stuff" ok I feel even dumber than I did before, im sure that was not as intended :) Thanks Kolink, I will do more research ;)..

Collectives™ on Stack Overflow

How to sort a a table with Javascript without library?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related