skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

ソートするテーブルを作成する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」