簡単に設置できる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"」と記述して下さい。

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

Related Article

Comment Form

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


(公開されません)