The TableSortingPlugin allows you to sort the rows of a table by the data in any column, simply by clicking on the header for that column.
For example, if you have a table listing the plugins installed in a TiddlyWiki, you can sort the table by author or plugin-size. Another example is a table that lists your movie collection — where you could sort the table by rating or genre — depending on what you are looking for.
Unlike existing solutions for sorting tables, the TableSortingPlugin is light-weight, easy to use, and future-proof. It also offers the ability to avoid sorting by specific columns, or to sort a table by default.
Feedback and suggestions are welcome as always.
5 comments ↓
Great stuff, Saq.
I’ll be sure to have a play with this and expect that it will come in handy on my TeamTasks app for displaying views of the various Task lists.
While the example works nicely under Firefox, I notice that at the moment, it doesn’t work in Safari. Is that support planned?
Thanks!
Ooh! This looks really exciting!
That’s one brilliant job, sir!
I know how much effort you’ve put into this, and it really was worth it!
FND and Dave: Thank you for the kind words. Hope you guys find this useful.
Phil: Thanks for the heads up Phil, that was a bug which has since been fixed. For anyone that is interested, the problem was that Safari does not support
tabletable.tHead.Hi Saq - very nice! But I did find that I could not make the autosort work in the first column of the table. Any ideas?
Leave a Comment