2011-06-22 23:19:27 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > Basic Tablesorter Demo< / title >
<!-- Demo styling -->
< link href = "docs/css/jq.css" rel = "stylesheet" >
<!-- jQuery: required (tablesorter works with jQuery 1.2.3+) -->
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" > < / script >
<!-- Pick a theme, load the plugin & initialize plugin -->
< link href = "css/blue/style.css" rel = "stylesheet" >
2011-07-22 04:40:00 +00:00
< script src = "js/jquery.tablesorter.min.js" > < / script >
2011-09-11 17:51:02 +00:00
< script src = "js/jquery.tablesorter.widgets.js" > < / script >
2011-06-22 23:19:27 +00:00
< script >
$(function(){
2011-09-11 17:51:02 +00:00
$('table').tablesorter({ widgets: ['zebra', 'columns'] });
2011-06-22 23:19:27 +00:00
});
< / script >
< / head >
< body >
< div class = "demo" >
2011-09-11 17:51:02 +00:00
< h1 > < a href = "https://github.com/Mottie/tablesorter" > table< em > sorter< / em > < / a > < / h1 >
< p > By Christian Bach; github updates by < a href = "https://github.com/Mottie/" > Rob G< / a > < br >
2011-07-17 15:01:18 +00:00
< a href = "docs/index.html" > Complete docs included< / a > (updated with missing docs from < a href = "http://wowmotty.blogspot.com/2011/06/jquery-tablesorter-missing-docs.html" > this blog post< / a > )
< / p >
2011-06-22 23:19:27 +00:00
< table class = "tablesorter" >
< thead >
< tr >
< th > AlphaNumeric Sort *New*< / th >
2011-09-16 18:39:03 +00:00
< th > Currency< / th >
2011-06-22 23:19:27 +00:00
< th > Alphabetical< / th >
< th > Sites< / th >
< / tr >
< / thead >
< tbody >
2011-09-16 18:39:03 +00:00
< tr > < td > abc 123< / td > < td > £ 10,40< / td > < td > Koala< / td > < td > http://www.google.com< / td > < / tr >
< tr > < td > abc 1< / td > < td > £ 234,10< / td > < td > Ox< / td > < td > http://www.yahoo.com< / td > < / tr >
< tr > < td > abc 9< / td > < td > £ 10,33< / td > < td > Girafee< / td > < td > http://www.facebook.com< / td > < / tr >
< tr > < td > zyx 24< / td > < td > £ 10< / td > < td > Bison< / td > < td > http://www.whitehouse.gov/< / td > < / tr >
< tr > < td > abc 11< / td > < td > £ 3,20< / td > < td > Chimp< / td > < td > http://www.ucla.edu/< / td > < / tr >
< tr > < td > abc 2< / td > < td > £ 56,10< / td > < td > Elephant< / td > < td > http://www.wikipedia.org/< / td > < / tr >
< tr > < td > abc 9< / td > < td > £ 3,20< / td > < td > Lion< / td > < td > http://www.nytimes.com/< / td > < / tr >
< tr > < td > ABC 10< / td > < td > £ 87,00< / td > < td > Zebra< / td > < td > http://www.google.com< / td > < / tr >
< tr > < td > zyx 1< / td > < td > £ 99,90< / td > < td > Koala< / td > < td > http://www.mit.edu/< / td > < / tr >
< tr > < td > zyx 12< / td > < td > £ 234,10< / td > < td > Llama< / td > < td > http://www.nasa.gov/< / td > < / tr >
2011-06-22 23:19:27 +00:00
< / tbody >
< / table >
< / div >
< / body > < / html >
