WordPress 表(table)をソートする(table-sorter plugins)

　表をExcleのようにソートしたいときってありますよね。
そんな、ソート機能を実現するプラグインとして、table-sorter があります。
table-sorter にもいろんな種類があるようで、普通にhtmlから利用可能なものや
WordPressのプラグインになっているものもあります。

　今回は、WordPressのプラグインのtable-sorter の使い方です。
table-sorterのプラグインは、ここからダウンロードします。
　インストールして有効化すると、表(table)をソートすることができるようになります。

例)

No./県名/名前をクリックすると、表がソートされますね。
でも、金額をクリックしてもソートされません。

この表は下記のようになっています。

<table id="sample" class="tablesorter" border=1> <thead> <tr> <th class="number">No.</th> <th class="dom1">県名</th> <th class="dom2">名前</th> <th class="sortless">金額</th> </tr> </thead> <tbody> <tr> <td align="right">1</td> <td align="left">北海道</td> <td align="left">さとう</td> <td align="right">100</td> </tr> <tr> <td align="right">2</td> <td align="left">青森県</td> <td align="left">たなか</td> <td align="right">80</td> </tr> <tr> <td align="right">3</td> <td align="left">東京都</td> <td align="left">すずき</td> <td align="right">85</td> </tr> <tr> <td align="right">4</td> <td align="left">神奈川県</td> <td align="left">やまだ</td> <td align="right">122</td> </tr> <tr> <td align="right">5</td> <td align="left">沖縄県</td> <td align="left">ささき</td> <td align="right">60</td> </tr> </tbody> </table>

使い方
[1]<table class="tablesorter">　　tableタグには必ず　class="tablesorter"　が必要です。
[2]<thead>～</thead>　　テーブルヘッダー部分は<thead>～</thead>で囲みます
[3]<th>～</th>　　テーブルヘッダー部分は<th>タグを使います
[4]<th class="sortless">　　ソートの対象外にしたい場合は、class="sortless"が必要です。
[5]<tbody>～</tbody>　　データ部分は<tbody>～</tbody>で囲みます

今回は、WordPressのプラグインでしたが、簡単に表にソート機能を取り入れたいときは超お勧めです。
WordPressのプラグインではなく、jQuery tablesorter だとデザインを変えたり、もっと細かい制御が可能ですし、見た目もずっとカッコイイです。ただし、WordPressで使うにはちょっと面倒なようです。