Tweet｜ ｜ ｜ ｜

[ 1分で読めて簡単導入できます]

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

使用方法
Table-Sortのtable-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は動きません。
既存のテーブルを簡単にソートさせるjavascript「Table-Sort」サンプル

記事作成：2007年10月30日