とても簡単便利でした。
基本的な手順は
- http://tablesorter.com/docs/ から、 jquery.tablesorter.min.jsと好きなスタイルシートをダウンロードする(BlueSkin、GreenSkin)
- <script type="text/javascript" src="jquery.tablesorter.min.js"></script> <link rel='Stylesheet' type='text/css' href='blue/style.css' /> とかHTMLファイルの<head>に書き加えて読み込む
- 適応したいテーブルは、<thead>、<tbody>タグを省略しない
- jQueryで指定しやすいよう、テーブルに<table id="hoge">とかidをつけておく
- <table class="tablesorter">でスタイルシートを指定
- $(function(){ $("#hoge").tablesorter(); }); で実行
詳しくは
http://ascii.jp/elem/000/000/423/423724/