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

Posted

技术标签:

【中文标题】满足条件时更改表格中整行的颜色?【英文标题】:Changing color of whole row in a table when a condition is met? 【发布时间】:2016-06-21 16:32:24 【问题描述】:

如何在

例如返回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>

【问题讨论】:

使用&lt;tr&gt;标签的bgcolor属性。 @DanBracuk Even W3Schools(不完全以领先于曲线而闻名)注意不要使用bgcolor 属性。 【参考方案1】:

你可以用 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>

【讨论】:

【参考方案2】:

试试这个,它会适合你的情况

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

【讨论】:

以上是关于满足条件时更改表格中整行的颜色?的主要内容,如果未能解决你的问题,请参考以下文章

如何根据 s-s-rS 中单独字段的值有条件地格式化整行的文本颜色?

选择后更改整个数据网格行的背景颜色

Kivy - 如果满足条件,如何更改每个文本输入的颜色

整行和单元格的 Google 表格条件格式

使用 jquery 动态更改背景颜色

excel如果满足条件时,输出一个单元格的数值,不满足时输出0,怎么弄