2012年8月31日金曜日

テーブル行のしましま

Railsでテーブルの偶数・奇数行に異なる色を付けてシマシマにしたい場合
cycle が便利!
テーブルだけでなく、リストでも使えます。


View定義
<tr class="<%= cycle('even', 'odd')%>">
なお、cycleの引数は2つ以上取れます。例えば、red, yellow, blueにした場合は、3色が順になります。

CSS定義
.odd {background-color:#f6f7f8;}
.even {background-color: #fff;}

同じページで複数会cycle()を使うと、奇数行の場合にずれるので(奇数で終わると、次は偶数色から始まる)、その場合は、下記で一旦リセットする。
<% reset_cycle() %>


0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。