如果其中一个列属性为true,则设置表格行的样式

时间:2013-07-25 15:14:36

标签: php css mysql html-table

我正在使用以下查询中的数据填充HTML表格:

$content_downloads = mysql_query( "SELECT 
     s.site, s.machine, d.projectid, d.directorySize, d.connectivityError, 
     d.blocked, d.blockedBy, d.blockedSince, d.errorString, d.dashboardTimeStamp 
     FROM rtcdb.site_machines s 
     LEFT JOIN rtcdb.downloadstatuses d 
     on (s.site = d.site and s.machine = d.machine)             
     where s.site in (select d2.site from rtcdb.downloadstatuses d2 
     where  d2.dashboardTimeStamp > (SELECT DATE_ADD(max(dashboardTimeStamp),INTERVAL -1 DAY)  
     from rtcdb.downloadstatuses)) order by s.site, s.machine asc", $con) or die(mysql_error());

此查询将基于以下HTML / PHP进入HTML表格:

            <table>
                <thead>
                    <tr>
                        <th>Site</th>
                        <th>Machine</th>
                        <th>Project ID</th>
                        <th>Folder Size</th>
                        <th>Error Description</th>
                    </tr>
                </thead>

                <tbody>
                    <?php
                        while ($row = mysql_fetch_assoc($content_downloads)) {
                            $error_string = "";
                            if ($row["connectivityError"] == true ) {
                                $error_string = "COULD NOT CONNECT: " . $row["errorString"];
                            }
                            elseif ($row["blocked"] == true ) {
                                $error_string = "BLOCKED BY LOCK OWNED BY: " . $row["blockedBy"] . " " . $row["blockedSince"];
                            }

                            echo '
                                <tr>
                                    <td>'.$row["site"].'</td>
                                    <td>'.$row["machine"].'</td>
                                    <td>'.$row["projectid"].'</td>
                                    <td>'.$row["directorySize"].'</td>
                                    <td style = "text-align: left; color: red;">'.$error_string.'</td>
                                </tr> ';
                            }
                        ?>
                </tbody>
        </table>

此表中的错误描述列很少有内容。正如您所看到的,当它发生时,PHP条件函数(if和ifelse函数)在错误描述之前放置一条语句,以使描述更容易理解。您可能注意到的一件事是我将错误描述的文本着色为红色。当我需要你的帮助时,我正在努力的是当该行中的错误描述单元格具有值时,选择性地为背景颜色为黄色的整行设置样式。换句话说,当我写的两个条件为真时,我想将包含该错误描述的行的背景颜色设为黄色。

看起来很简单,但我尝试了各种选项,似乎无法弄明白。任何提示Stack Overflow?

4 个答案:

答案 0 :(得分:2)

检查错误字符串是否为空:

echo '
    <tr' . (empty($error_string) ? '' : ' style="background-color:yellow;"') . '>
        <td>'.$row["site"].'</td>
        <td>'.$row["machine"].'</td>
        <td>'.$row["projectid"].'</td>
        <td>'.$row["directorySize"].'</td>
        <td style = "text-align: left; color: red;">'.$error_string.'</td>
    </tr> ';

答案 1 :(得分:2)

我会尝试在感兴趣的行上设置一个类:

<tr class="highLight">

然后使用CSS设置该行中单元格的背景颜色:

tr.highLight td {background-color: yellow; }

设置class属性是你的错误字符串有内容。

答案 2 :(得分:1)

试试这个:

if($error_string != "")
 {
   echo '<tr class="error-row"';
 }else{
   echo '<tr>';
 }
 echo    '<td>'.$row["site"].'</td>
         <td>'.$row["machine"].'</td>
         <td>'.$row["projectid"].'</td>
         <td>'.$row["directorySize"].'</td>
         <td style = "text-align: left; color: red;">'.$error_string.'</td>
         </tr> ';

并将其添加到样式表中:

.error-row{background:yellow;}

如果你想要更少的代码,你可以像这样使用if速记:

echo   '<tr' . ($error_string == "" ? '' : 'class="error-row"') . '>
          <td>'.$row["site"].'</td>
          <td>'.$row["machine"].'</td>
          <td>'.$row["projectid"].'</td>
          <td>'.$row["directorySize"].'</td>
          <td style = "text-align: left; color: red;">'.$error_string.'</td>
        </tr> ';

答案 3 :(得分:0)

好的,我想出了该做什么,并为不使用jQuery或类属性而道歉。我感谢每个人的帮助,当我说每个人的评论和答案帮助我弄清楚时,我很诚实。这是解决方案:

                            if ($error_string != ""){
                                echo '
                                    <tr style = "background-color: yellow;">
                                        <td>'.$row["site"].'</td>
                                        <td>'.$row["machine"].'</td>
                                        <td>'.$row["projectid"].'</td>
                                        <td>'.$row["directorySize"].'</td>
                                        <td style = "text-align: left; color: red;">'.$error_string.'</td>
                                    </tr> ';
                                }
                            else {
                                echo '
                                    <tr>
                                        <td>'.$row["site"].'</td>
                                        <td>'.$row["machine"].'</td>
                                        <td>'.$row["projectid"].'</td>
                                        <td>'.$row["directorySize"].'</td>
                                        <td style = "text-align: left; color: red;">'.$error_string.'</td>
                                    </tr> ';
                                }

感谢大家的帮助!