Tweet｜ ｜ ｜ ｜

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

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