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

テーブルで作成した表をソートさせる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日

前の記事：MacのDockライクなメニューを作成するjavascript「Menu Dock」
次の記事：カレンダー表示＆日付選択させるjavascript「Fancy MooTools Date Picker」

関連記事

• [mootools]DrasticData
• [mootools]A sorting table
• [mootools]mooTblSort
• [prototype]TableKit
• [jQuery]tablesorter

• ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」