I'm currently playing around with the [Tablesorter][1] jQuery plugin in one of the sites I'm working on. It seems to be fairly straight forward, but for some reason the headers don't sort. Clicking on them doesn't even produce any visible response (the cursor doesn't change). I suspect this may have something to do with the fact that the table is dynamic in that it is populated by data pulled from a database table (edit: confirmed that this is not the issue by testing using static, manually entered data). The other possibility is that my jQuery code is in the wrong location or there's a problem with my reference.
Any ideas?
The project is done in MVC, by the way.
View Page Source result:
Execution History
Execution History
Run ID
Date Ran
Ran By
Run Time
Result
1
7/25/2011 11:25:01 AM
Laura
145.49849999696
PASS
2
8/3/2011 6:23:01 PM
Laura
140.616000004113
PASS
3
8/3/2011 6:26:00 PM
Laura
141.592500001192
PASS
4
8/4/2011 8:04:00 PM
Kevin
260.725500002503
FAIL
5
10/5/2011 4:05:50 PM
Kevin
2749796.658
PASS
6
10/5/2011 5:31:18 PM
Kevin
2777489.2215
PASS
[1]: http://tablesorter.com/docs/
I've had a lot of success with this jQuery DataTables plugin: datatables.net. If you don't get anywhere with the current plugin you're using, give this one a try.