HTMLテーブルの行を見やすくするテーブルクロスJavaScript

»　Introducing Tablecloth
テーブルクロスを導入する。

この記事がWEB関連のなかで話題になっていました。
はて・・テーブルクロス・・・。

何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。

あなたのhtmlに2行のコードを加えたら・・・

By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love
あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。

なんとも素敵な響きだなと思った人はデモを見てみましょう。
»　デモはこちら

テーブルによって大量のデータを出力するときには便利な機能ですね。

実装は結構簡単で

<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>

これを</head>内に書き込み、cssとJavaScriptを呼び出します。

後は、テーブルを作成するときにこれを付け加えるだけ。

<table cellspacing="0" cellpadding="0"　/>

ちょっとした飾りにも使えるテーブルクロスJavaScript。

DOWNLOADはデモページの右上にあります。
以下からどうぞ。


今度グループウェアの開発のときに、大き目のテーブル表示があるので試してみようと思い、メモ。

重くなったらあんまり意味ないですが・・・。