既存のテーブルを簡単にソートさせるjavascript「Table-Sort」

テーブルで作成した表をソートさせるjavascriptは多くありますが、内部を少しいじらなければならないケースが多いです。
Table-Sortは、既存の仕組みでそのまま簡単にソートさせることができるjavascriptです。

sponsors

使用方法

Table-Sorttable-sort.jsを、mootoolsからmootools.jsをダウンロードします。
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://www.skuare.net/test/js/table-sort.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
	new SortableTable($('tableのid名'));
});
</script>
あとは上記で指定したid名をソートしたいテーブルに付与するだけです。
なおthead内およびtfootは動きません。

サンプル

ソートサンプル
Rank Prev.Rank Movie Release Date Weekly Gross Change Theaters Per Theater Gross
Cumulative Total: $2,982,563,398
1   Wild Hogs 03/01/2007 $49,415,325 n/a 3,287 $15,034 $49,415,325
2 (1) Ghost Rider 09/01/2007 $36,530,163 -20.61% 7,616 $4,797 $164,643,383
3   Zodiac 13/01/2007 $16,954,103 n/a 2,362 $7,178 $16,954,103
4 (3) Bridge to Terabithia 03/12/2006 $15,162,910 -27.08% 4,475 $3,388 $68,605,805
5 (5) Music and Lyrics 09/02/2007 $14,644,121 -20.25% 4,289 $3,414 $74,799,287

sponsors

Javascriptサンプルページ一覧
skuare.net