ドメインパーキングtatamilab.jp
cssのクラスを偶数行、奇数行で変えたい - satake7’s memo
こういうふうにテーブルの行の背景色を変えたいときに使えるヘルパーが「cycle」です。 もともとは「<% i += 1 %>」、「<%= (i%2 == 0) ? 'even' : 'odd' %>」としていたので、あまり手数は変わらないのですが、偶数奇数の判定にわざわざループ変数持ち出すのもねぇと思っていたので。こちらの方がスマートです。 <table id="table"> <% for item in @items %> <tr class="<%= cycle('even', 'odd') -%>">こうしておいて、cssをこんなふう(↓)に書くと、行の背景が水色と白の交互になります。 #table tr.even td { BACKGROUND: #edf3fe; /* 偶数行：薄い水色 */ } #table tr.odd td { BACKGROUND: #FFFFFF; /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
