php - テーブル内のrowxの色を変更します

Question

こんにちは私はPHPでテーブルのスタイリングに取り組んでいます。テーブルの行の色を変更できないという1つのポイントで立ち往生しています。代わりに、奇数の行を白の背景で、さらには青で表示する必要があります。次のCSSコードを試しましたが、機能しませんでした

tbody:nth-child(2n) { /* even rows */ 
  background-color:#eee;
}     
tbody:nth-child(2n+1) { /* odd rows */
  background-color:#ccc;
}  

Answer 1

ブラウザの問題が原因ではない場合は、cssでこれを試してください

table#tableid tr:nth-child(2n) { /* even rows */ 
  background-color:#eee;
}     
table#tableid tr:nth-child(2n+1) { /* odd rows */
  background-color:#ccc;
}

また

table#tableid tr:nth-child(even) { /* even rows */ 
  background-color:#eee;
}     
table#tableid tr:nth-child(odd) { /* odd rows */
  background-color:#ccc;
} 

Answer 2

jquery ：evenと：oddセレクターがクロスブラウザーに最適なオプション だと思います。

$('#selector:even').addClass('even_class');
$('#selector:odd').addClass('odd_class');

Answer 3

奇数行と偶数行のスタイル用に2つのクラスを記述します。そして、このように交互にクラスを追加します。

.odd_row{
   background-color:grey;
}
.even_row{
   background-color:white;
}

And in php,
<?php
for($i=0;$i<10;$i++)
{?>
      <tr class="<?php echp ($i%2==0)?'odd_row':'even_row';?>">
           <td>data1</td>
           <td>data2</td>
      </tr>
<?php
}
?>

Answer 4

おそらく、変数を使用して、使用するスタイルを変更してみることができます。したがって、ブロックを開始するときはoddOrEven、0として定義し、次に行をエコーし​​、次に1に設定oddOrEvenします。行がエコーされるたびに、に基づいて使用されるクラスが変更されoddOrEvenます。