Web Hosting Geeks | Web Hosting Experts
Need help? Call us 1(866)TOP-HOST

14120 reviews 1680 hosting providers

Questions & Answers

Making a Sortable Table with JavaScript

Apr 26, 2012 by darkshark
Hi all
I’ve been looking for a script to sort JavaScript so that when the user clicks on the column header, the table sorts on that column and if the user click again it sorts the other way. I’ve came across a few scripts but none of them worked the exact way I just described. If anyone is familiar with a script that could do this I would really appreciate it if you can share it with me.

2 Answers

0 votes
Apr 26, 2012 by lightSpeed
Hi there

This should help

•Load the sortabletable.js file into your site.
•Reference the script in the <head> section of your pages.

•Wrap the row that contains your column headers with <thead></thead> tags.
•Make sure the row with the colum headers used <th></th> tags instead of <td></td>.
•Wrap the rows that contain your table data with <tbody></tbody> tags.
•Add an id="MyTable" attribute to the <table> tag for each table you want sorted.  Of course, the id must be unique on the page.
•Place the sortable table object immediately after each sortable table.  It's shown in the sample code on the site, easy to place with a simple cut and paste, but remember to replace the 'MyTable' string with the id you used in that table's <table> tag.
0 votes
Apr 26, 2012 by mike231