テーブルをJavascriptで自動的に見やすくする
2006年04月25日
スポンサード リンク
Automatic colored rows - Example for BiteSize Standards
テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。

かといって、サーバサイドでアイテムを回して、1個1個設定するのも結構面倒だったりします。
リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。
これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
スポンサード リンク
投稿者 KJ : 2006年04月25日 09:05
|
![]()
間違いの指摘をしていただける方はメールでお願いします
最新のブログ記事
- Facebook風のサムネイル付きサジェストボックスを実装するサンプル
- 2009年7月3日 管理人のブックマーク
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル
- 普通の写真をすばらしいアートにするためのPhotoshopチュートリアル集
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」
- 2009年7月2日 管理人のブックマーク
- 「フォローしてね」を表すTwitterアイコン集
- シンプルなTwitter検索を行うためのPHPスクリプト
- PHPのcURLを使ってできる便利なサンプル集
- 2009年7月1日 管理人のブックマーク
- iPhone3.0の緯度経度APIで移動履歴を地図描画するサンプル
コメント
なるほど、そういう方法がありましたか!
"動的なものはサーバサイドで生成する"という先入観があって、JavaScriptでの方法には気付きませんでした。
投稿者 tocky : 2006年04月25日 16:01





















