HTMLテーブルの行を見やすくするテーブルクロスJavaScript
2007年10月11日 公開
» 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行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。
なんとも素敵な響きだなと思った人はデモを見てみましょう。
» デモはこちら
テーブルによって大量のデータを出力するときには便利な機能ですね。
実装は結構簡単で
これを</head>内に書き込み、cssとJavaScriptを呼び出します。<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>
後は、テーブルを作成するときにこれを付け加えるだけ。
ちょっとした飾りにも使えるテーブルクロスJavaScript。<table cellspacing="0" cellpadding="0" />
DOWNLOADはデモページの右上にあります。
以下からどうぞ。
今度グループウェアの開発のときに、大き目のテーブル表示があるので試してみようと思い、メモ。
重くなったらあんまり意味ないですが・・・。