簡単に設置できるTableをソートしてくれるJavaScript

JavaScript Table Sorter

JavaScript Table Sorterで配布。紹介されているスクリプトなんですが、容量も少なく、設置も簡単なのでテーブルをソートさせたいと思っている方は是非使ってみて下さい。

※jQueryやPrototypeなど他のスクリプトは必要ありません。

demo page

…ここからが続き

使い方

JavaScript Table Sorterの「Click here to download the source code.」からダウンロード。

head内に下記ソースを記述

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var sorter=new table.sorter("sorter");
sorter.init("sorter",1);
</script>

使いたいtable要素に「id="sorter"」と記述すとtd内がソートします。

この時タイトルに使う要素はちゃんと「th」にしておきましょうね。
それで「th」でソートさせたくない部分には「th class="nosort"」と記述して下さい。

これだけでソートするテーブルが出来ちゃいます。

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article