Таблица tr Изменение цвета фона - PullRequest
1 голос
/ 15 июля 2011

Я пытаюсь сделать таким образом, чтобы нечетные <tr> и даже <tr> имели разные цвета для более удобного чтения.

Вот мой код:

$show_res = mysql_query($show_query);
while ($show_row = mysql_fetch_assoc($show_res)){
$rc++;
if (($rc > 1)){
    $tr = '#cccccc';
} else {
    $tr = '#ffffff';
}?>
  <tr style="background-color:<?php echo $tr ;?>">

Это не такне работает, я что-то упустил?

Ответы [ 6 ]

3 голосов
/ 15 июля 2011

Вы хотите использовать по модулю%

Некоторые примеры:

  • 5% 2 = остаток равен 1
  • 4% 2 = остаток равен 0
  • 6% 2 = остаток равен 0
  • 9% 2 = остаток равен 1

Таким образом, в зависимости от того, равен ли остаток 1 или 0, вы меняете цвет.И вы хотите, чтобы элемент <tr> был частью вашей петли, поскольку он постоянно меняется с одного цвета на другой и обратно.

$show_res = mysql_query($show_query);
while ($show_row = mysql_fetch_assoc($show_res))
{
    $rc++;
    if ($rc % 2 == 1)
    {
        $tr = '#cccccc';
    } 
    else 
    {
        $tr = '#ffffff';    
?>
  <tr style="background-color:<?php echo $tr ;?>">
<?
    }
}
?>
1 голос
/ 15 июля 2011

Поскольку это строго Display, я бы порекомендовал использовать Javascript, а не PHP.

Посмотрите, как это просто: http://paragasu.wordpress.com/2009/01/05/alternate-table-row-color-the-easy-way/

1 голос
/ 15 июля 2011
$show_res = mysql_query($show_query);
while ($show_row = mysql_fetch_assoc($show_res)){
$rc++;
if (($rc > 1)){
    $tr = 'odd';
} else {
    $tr = 'even';
}?>
  <tr class="<?php echo $tr ;?>">

CSS

.odd td { background-color: #FFF; }
.even td { backgorund-color: #F6F6F6; }

Используйте CSS и установите цвет фона для TD, а не для элемента TR.

0 голосов
/ 14 февраля 2014
$show_res = mysql_query($show_query);
while ($show_row = mysql_fetch_assoc($show_res))
{
       if ( isset($k) and $k==1)
       {
             echo '<tr class="EvenTableRows">';
             $k=0;
        } else {
             echo  '<tr class="OddTableRows">'; 
             $k=1;
        }

      ..... more statement

}
0 голосов
/ 15 июля 2011

Похоже, проблема в том, что вы не сбрасываете $ rc ++ после его увеличения. Попробуйте установить его в 0, затем сбросьте после того, как вы увеличите его до 1.

0 голосов
/ 15 июля 2011

Вы определили $rc=0; где-нибудь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...