« なんかいろいろ当選Yahoo!ETCカード突然の有料化 »

かんたんに表をソートできるJavaScript

かんたんに表をソートできるJavaScript

パーマリンク 2009/04/16 23:34:00 著者: kumaold メール
カテゴリ: プログラミング, Javascript/Java

HTMLでテーブルで表示したときにかんたんにソートできるJavaScriptです。

使い方はいたって簡単。

まずはas day pass byの中のsorttableからsorttable.jsをダウンロードします。

あとは<head>内などでJavaScriptをインポートした上で、<table>のclass属性に"sortable"を付けるだけ。(sorttableでないので注意)


すると、それだけで下の表ように項目名をクリックするとソートしてくれます。

(強いて言えば項目が数字だけでないと文字列としてソートされるのが難点)

CPU名 周波数 FSB コア数 価格
XEON X7460 2660 MHz 1066 MHz 6 326,999円
XEON X5492 3400 MHz 1600 MHz 4 179,999円
Core i7 965 Extreme Edition 3200 MHz - 4 105,769円
Core 2 Quad Q9300 2500 MHz 1333 MHz 4 22,980円
Core 2 Duo E4700 2600 MHz 800 MHz 2 18,179円
Pentium Dual-Core E2160 1800 MHz 800 MHz 2 6,980円


参考記事 - ソートできる表を作成するjavascript「sorttable.js」

type="text/javascript" src="http://www.ad16.jp/socailmedia.php?a=CCBot%2F2.0+%28http%3A%2F%2Fcommoncrawl.org%2Ffaq%2F%29&u=http%3A%2F%2Fkuroutoshikou.blog16.jp%2Findex.php%2F2009%2F04%2F16%2Fa_a_a_a_a_leiua_a_fa_fa_a_sa_a_javascrip" charset="EUC-JP">

一六社で働くITエンジニアのブログ。

普段はWeb系システム開発と地元のPCサポートをやってます。いつの間にやら会社に8年目。
技術ネタ中心に日々の仕事と生活と趣味やらを気が向いたら書いてます。

2017年5月
 << <   > >>
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

検索

XMLフィード

16ブログ     powered by b2evolution CMS