前の記事 ≪:アスキーアートのムービー
次の記事 ≫:IPアドレスをメール送信してPC盗難時の捜索を支援

テーブルをJavascriptで自動的に見やすくする

2006年04月25日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Automatic colored rows - Example for BiteSize Standards

テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。

かといって、サーバサイドでアイテムを回して、1個1個設定するのも結構面倒だったりします。
リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。

これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。

関連の記事検索:CSS, チュートリアル, HTML
スポンサード リンク

By.KJ : 2006年04月25日 09:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)