Link to home
Start Free TrialLog in
Avatar of PeterErhard
PeterErhard

asked on

jquery nice table sorter

I'm using the following table sorter script for some query results to allow the visitor to order however they want -  http://tablesorter.com/docs/

The problem I have is that the http://tablesorter.com/docs/ script doesn't allow you to have "sticky" headers so as you scroll down, visitors won't know what each header actually is.

Has anyone dealt with this script and have a modification, or have another script they know of that can do pretty much the same thing?
Avatar of leakim971
leakim971
Flag of Guadeloupe image

Test page : http://jsfiddle.net/bLHj4/
Using : https://github.com/jmosbech/StickyTableHeaders

$(document).ready(function() 
    { 
        $("#myTable").tablesorter();
        $("#myTable").stickyTableHeaders(); 
        //$("#myTable").tablesorter().stickyTableHeaders(); 
    } 
); 

Open in new window

Avatar of PeterErhard
PeterErhard

ASKER

Thanks, very simple solution, but it's not a very way nice with that plugin I don't think. The header overlaps the text and makes it generally quite difficult to read.

I was more looking for something like when you "Freeze Panes" within Excel.
tableheaders.JPG
ASKER CERTIFIED SOLUTION
Avatar of leakim971
leakim971
Flag of Guadeloupe image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Sorry leakim, missed that.

That looks great now.