2016-06-21 3 views
0

Как изменить цвет целой строки в таблице при выполнении условия?Изменение цвета всей строки в таблице при выполнении условия?

Например, FAILURE возвращается? Сделайте весь ряд RED.

<tr> <!-- Disk Space Available --> 
       <td class="tg-yw4l">ld</td> 
       <td class="tg-yw4l"> 
       <?php 
        if ($ld_status == 0) { 
         echo 'SUCCESS'; 
        } else if ($ld_status == 1) { 
         echo 'WARNING'; 
        } else { 
         echo 'FAILURE'; 
        } 
       ?> 
       </td> 

+0

Используйте атрибут BGCOLOR в '' тега , –

+1

@ DanBracuk [Even W3Schools] (http://www.w3schools.com/tags/att_tr_bgcolor.asp) (не точно известно, что он опережает кривую), предостерегая от использования атрибута 'bgcolor'. –

ответ

3

Вы можете создать класс В с PHP, то в CSS вы можете изменить стиль каждого класса.

CSS

.success{ 
    background-color: green; 
    } 

.warning{ 
    background-color: yellow; 
    } 

.failure{ 
    background-color: red; 
    } 

HTML

<tr class=" <?php 
        if ($ld_status == 0) { 
         echo 'success'; 
        } else if ($ld_status == 1) { 
         echo 'warning'; 
        } else { 
         echo 'failure'; 
        } 
       ?>"> 

       <td class="tg-yw4l">ld</td> 
       <td class="tg-yw4l"> 
       <?php 
        if ($ld_status == 0) { 
         echo 'SUCCESS'; 
        } else if ($ld_status == 1) { 
         echo 'WARNING'; 
        } else { 
         echo 'FAILURE'; 
        } 
       ?> 
       </td> 
0

Попробуйте это будет работать надлежащее для вашего состояния

<html> 
    <body> 
    <?php $ld_status=2; ?> 
    <table border="1"> 
    <tr style="background:<?php if($ld_status == 0) { echo 'green'; } else if ($ld_status == 1){ echo 'yellow'; } else { echo 'red';}?>;" > <!-- Disk Space Available --> 
        <td class="tg-yw4l">ld</td> 
        <td class="tg-yw4l"> 
        <?php 
         if ($ld_status == 0) { 
          echo 'SUCCESS'; 
         } else if ($ld_status == 1) { 
          echo 'WARNING'; 
         } else { 
          echo 'FAILURE'; 
         } 
        ?> 
        </td> 
      </table>   
    </html> 
+0

Это не сработало :( –

Смежные вопросы