满足条件时更改表中整行的颜色?

时间:2016-06-21 16:32:24

标签: javascript php html css sql

如果满足条件,如何更改表格中整行的颜色?

例如,FAILURE会被退回吗?使整行成为红色。

<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>

2 个答案:

答案 0 :(得分:3)

您可以使用PHP生成tr的类,然后在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>

答案 1 :(得分: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>