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+) -->
2014-05-21 22:09:23 +00:00
< script src = "docs/js/jquery-1.2.6.min.js" > < / script >
2011-06-22 23:19:27 +00:00
<!-- Pick a theme, load the plugin & initialize plugin -->
2015-02-13 03:10:38 +00:00
< link href = "dist/css/theme.default.min.css" rel = "stylesheet" >
< script src = "dist/js/jquery.tablesorter.min.js" > < / script >
< script src = "dist/js/jquery.tablesorter.widgets.min.js" > < / script >
2011-06-22 23:19:27 +00:00
< script >
$(function(){
2012-02-27 12:12:48 +00:00
$('table').tablesorter({
2012-03-12 23:33:56 +00:00
widgets : ['zebra', 'columns'],
usNumberFormat : false,
2012-06-21 06:10:02 +00:00
sortReset : true,
sortRestart : true
2012-02-27 12:12:48 +00:00
});
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 >
2012-03-08 15:10:38 +00:00
< th > AlphaNumeric Sort< / 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 >
2015-08-16 13:52:11 +00:00
< p > This is a quick demo of the columns & zebra widget with the < a href = "docs/index.html#sortreset" > < code > sortReset< / code > < / a > option set to < code > true< / code > (clicking to sort a third time will reset the sort) using jQuery v1.2.6.< / p >
2012-02-27 12:12:48 +00:00
2011-06-22 23:19:27 +00:00
< / div >
< / body > < / html >
