テーブルをJavascriptで自動的に見やすくする:phpspot開発日誌

Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。 かといって、サーバサイドでアイテムを回して、１個１個設定するのも結構面倒だったりします。 リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。 これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。

[webmarksjp]

javascript

[gotack]

奇数偶数行に交互で色をつける

[hide_log]

Javascript テーブル

[rehash]

javascriptでテーブルの行ごとの背景を交互に色分け

[denken]

XSLTだと<xsl:template match="tr[position() mod 2]">～</xsl;template>かなー

[hakobe932]

便利そう

[picnicgraphic]

trエレメントを探索→交互にクラスを割り当て→自動でテーブルに色付け。

[usj12262]

これは将来CSSで定義できるようになるといいな

[calm_jp]

JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。

[kawaoso]

JavaScriptでテーブルを色分け

[aki77]

Javascriptで交互に色分け

[twainy]

なるほど、確かにサーバロジックにこんなもんいれたくないしな。

[shidho]

あ、これはほしかった。ていうかcssだけでこの辺が指定できなかったんだよなあ。

[yuanying]

table tr

[YasSo]

単純なHTMLタグで表を書いておいて、JavaScriptで1行おきに色づけする。なるほど！これだとサーバサイドで色づけのスクリプトは不要だね。