jQuery plugin: Tablesorter 2.0

テーブルの行を並び替え。
(ヘッダ th をクリックで 昇順/降順トグル)

# song date rank DVD, Album, Single  
1 夢みたあとで 20020313 5 D01 D02 D03 D04 A02 A03 A00 S10 8
2 「さよなら」とたった一言で... 20050720 5 D03 A00 2
3 Rhythm 20010131 5 D01 A01 2
4 スパイラル 20020814 5 D01 D02 D03 A03 A00 S11 6
5 雨上がりのBlue 20040616 5 D02 A04 2
6 この手を伸ばせば 20070221 5 D04 S24 2
7 Ring Ring a ding 20060705 5 S21 1
8 fill away 20041208 5 A04 1
9 夜深けの流星達 20040616 5 S16 1
10 マージナルマン 20061004 5 D04 A05 2
11 恋することしか出来ないみたいに 20031112 5 D03 A03 2
12 Naked Story 20020424 4 D01 A02 S11 3
13 wish★ 20020424 4 D01 A02 2
14 Endless Desire 20031112 4 D02 A03 2
15 nonsense 20060816 4 S22 1
16 廻り道 20070221 4 S24 1
17 Jewel Fish 20010509 4 S07 1
18 水のない晴れた海へ 20010131 4 D01 D02 D03 A01 A00 5
19 Holy ground 20020424 4 D01 D02 D03 D04 A02 A00 S23 7
20 晴れ時計 20051123 4 A05 S19 2
<script type="text/javascript" src="jquery-1.2.2.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript">
$(function(){
    $("#myRanking").tablesorter();
});
</script>
<table class="tablesorter" id="myRanking">
    <thead>
        <tr>
            <th> # </th>
            <th> song </th>
            <th> date </th>
            <th> rank </th>
            <th> DVD, Album, Single </th>
            <th> &nbsp; </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th> 19 </th>
            <td>Holy ground</td>
            <td class="date">20020424</td>
            <td class="star">4</td>
            <td class="disc"><a class="S" title="B000GPIH5E">S23</a></td>
            <td>7</td>
        </tr>
        ...
    </tbody>
</table>