ソートするテーブルを作成するjavascript「SortableTable」

ソートできるテーブルを作成するjavascriptは多く出回っています。
その中で簡単にソースをあまりいじることなく導入できるものはあまり多くありません。
SEO Blog - joost de ValkのSortableTableは外部javascript一つでソートテーブルを作成できます。

使用方法
SortableTableからダウンロードしたsortable.jsをheadに挿入します。
<script src="http://yourdomain/sortable.js" type="text/javascript"></script>
あとは普通にテーブルで表を作成し
<table class="sortable" id="好きなid名">
と記入すれば完成です。
ただこのままでは寂しいので、zipファイルに同梱されているCSSと画像を組み合わせることをお勧めします。
またオプションとして、ソートさせない列・フッターを作成できます。
列：class="unsortable"
フッター：class="sortbottom"
ソートするテーブルを作成するjavascript「SortableTable」サンプル

2007年08月21日

前の記事：Javascriptライブラリ
次の記事：テキストボックスを伸縮させるjavascript「resizeTextarea」

関連記事

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

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」