【问题标题】:Style a table row if one of its column attributes is true如果其中一个列属性为真,则设置表格行的样式
【发布时间】:2013-07-25 13:55:57
【问题描述】:

我正在用来自以下查询的数据填充 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 函数)会在错误描述之前放置一个语句,以使描述更易于理解。您可能会注意到的一件事是我将错误描述的文本涂成红色。我正在努力解决的问题是,当该行中的错误描述单元格具有值时,有选择地使用黄色背景色设置整行的样式。换句话说,当我写的两个条件为真时,我想让包含该错误描述的行的背景颜色为黄色。

看起来很简单,但我尝试了各种选项,但似乎无法弄清楚。任何提示堆栈溢出?

【问题讨论】:

  • 你考虑过使用 jQuery 吗?
  • 不,我应该研究什么样的 jQuery 方法?
  • 使用 jQuery 为静态内容设置样式就像用螺丝刀钉钉子一样。
  • 是的...这些天对 jQuery(等)的依赖太多了...如果我关闭 JS,网站应该仍然可以运行和显示 :) 如果不是,它是一个损坏的网站 :)

标签: php css mysql html-table


【解决方案1】:

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

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

【讨论】:

  • 我更新了这个以突出显示该行。顺便说一句,这将解决您的问题,但您应该考虑使用 CSS 而不是内联样式,正如@Marc 在他的回答中所建议的那样。
  • 您可以更新示例代码并将样式属性替换为类属性。
  • 感谢您的回答,但黄色背景颜色未显示在这些行中:(
  • @jakelaz 我刚刚意识到有一个错字(缺少一个空格)。现在可以使用了。
【解决方案2】:

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

<tr class="highLight">

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

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

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

【讨论】:

    【解决方案3】:

    试试这个:

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

    【讨论】:

    • 感谢您的回答 - 它似乎应该可以工作,但我不断收到此错误消息:“解析错误:语法错误,C:\Program Files\Apache 中的意外 'if' (T_IF) Software Foundation\Apache2.2\htdocs\DownloadStatus.php 在第 415 行“有什么想法为什么它不起作用?
    • 感谢您的帮助,大卫
    【解决方案4】:

    好的,我知道该怎么做了,我很抱歉没有使用 jQuery 或类属性。我感谢大家的帮助,当我说每个人的 cmets 和答案帮助我解决问题时,我是诚实的。这是解决方案:

                                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> ';
                                    }
    

    感谢大家的帮助!

    【讨论】:

    • 你应该再看看我的回答。我有一个小错字。您在此处执行此操作的方式会导致大量代码重复,这将使其非常难以维护。
    猜你喜欢
    • 2018-04-30
    • 2018-07-25
    • 1970-01-01
    • 2013-04-03
    • 1970-01-01
    • 1970-01-01
    • 2021-11-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多