第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

基于變量值的顏色表行

基于變量值的顏色表行

PHP
三國紛爭(zhēng) 2021-10-15 16:33:34
我有一個(gè)表，我從數(shù)據(jù)庫中使用 jquery 獲取。我想根據(jù)特定列具有的值為每一行著色。例如我有列“狀態(tài)”。如果該行中的狀態(tài)為“進(jìn)度”，我想要黃色行。如果該行中的狀態(tài)為“取消”，我想要該行為紅色我試過一個(gè)班級(jí)，但整個(gè)表格都用這種顏色，我想過使用可變顏色來改變 tr 但不知道如何做到這一點(diǎn)。<style>        .yellow {            background-color: darkred;            }      </style><tbody><?phpinclude ('connection.php');$sql = $link->query('SELECT * FROM job');            while($data = $sql->fetch_array()) {                    echo '<tr class="yellow">                        <td>'.$data['id'].'</td>                        <td>'.$data['number'].'</td>                        <td>'.$data['date'].'</td>                        <td>'.$data['device'].'</td>                        <td>'.$data['model'].'</td>                        <td>'.$data['problem'].'</td>                        <td>'.$data['status'].'</td>          <td>'.$data['assigned'].'</td>                </tr>                ';            }        ?></tbody>
查看完整描述

3 回答

?
汪汪一只貓

TA貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以使用內(nèi)聯(lián)樣式。我猜你有成功的第三個(gè)狀態(tài)選項(xiàng)，它將是綠色的。


<?php

include ('connection.php');

$sql = $link->query('SELECT * FROM job');

while($data = $sql->fetch_array()) {

    $color = $data['status'] == "cancel" ? "red" : ($data['status'] == "progress" ? "yellow" : "green");

    echo '

        <tr style="background-color:'.$color.'">

            <td>'.$data['id'].'</td>

            <td>'.$data['number'].'</td>

            <td>'.$data['date'].'</td>

            <td>'.$data['device'].'</td>

            <td>'.$data['model'].'</td>

            <td>'.$data['problem'].'</td>

            <td>'.$data['status'].'</td>

            <td>'.$data['assigned'].'</td>

       </tr>

    ';

}

?>


查看完整回答
反對(duì) 回復(fù) 2021-10-15
?
慕的地10843

TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超8個(gè)贊

一個(gè)解決方案是，在你的 css 中編寫以下內(nèi)容：


.bg-yellow {

    background-color: yellow;

}

而不是在 PHP 中：


echo "<table>";

if ($data["status"] === ["expected_value"]) {

    echo "<tr class='bg-yellow'>";

    echo "<td>" . $data["status"] . "</td>"; // and so on

    echo "</tr>";

} else {

    echo "<tr>";

    echo "<td>" . $data["status"] . "</td>"; // and so on

    echo "</tr>";

}

echo "</table>";

我希望，它有幫助...


查看完整回答
反對(duì) 回復(fù) 2021-10-15
?
呼喚遠(yuǎn)方

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊

我下面的解決方案很大程度上與之前發(fā)布的內(nèi)容一致。但是，當(dāng)您想要考慮可訪問性時(shí)，這樣做會(huì)讓您對(duì)語義和顏色對(duì)比度有更多的控制。您通常不想像您的示例那樣將“黑色”與“深紅色”配對(duì)。這段代碼也更簡(jiǎn)潔一些。


<!DOCTYPE html>

<html>

<style>

td

{

        padding: 0.5em;

}

.color-bg-green

{

        background-color: green;

}

.color-bg-red

{

        background-color: red;

}

.color-bg-yellow

{

        background-color: yellow;

}

.color-bg-orange

{

        background-color: orange;

}

.color-fg-white

{

        color: white;

}

.color-fg-black

{

        color: black;

}

</style>

<body>

<table>

<?php


$rowData = [];

$rowData[] =

['id' => 1, 'number' => 123, 'date' => '2020-01-01', 'device' => 'Smartphone', 'model' => 'Galaxy', 'problem' => 'Lorem ipsum', 'status' => 'success', 'assigned' => 'Person A'];

$rowData[] =

['id' => 2, 'number' => 123, 'date' => '2020-01-01', 'device' => 'Smartphone', 'model' => 'Galaxy', 'problem' => 'Lorem ipsum', 'status' => 'failure', 'assigned' => 'Person B'];

$rowData[] =

['id' => 3, 'number' => 123, 'date' => '2020-01-01', 'device' => 'Smartphone', 'model' => 'Galaxy', 'problem' => 'Lorem ipsum', 'status' => 'success', 'assigned' => 'Person C'];

$rowData[] =

['id' => 4, 'number' => 123, 'date' => '2020-01-01', 'device' => 'Smartphone', 'model' => 'Galaxy', 'problem' => 'Lorem ipsum', 'status' => 'pending', 'assigned' => 'Person D'];

$rowData[] =

['id' => 5, 'number' => 123, 'date' => '2020-01-01', 'device' => 'Smartphone', 'model' => 'Galaxy', 'problem' => 'Lorem ipsum', 'status' => 'processing', 'assigned' => 'Person E'];

$rowData[] =

['id' => 6, 'number' => 123, 'date' => '2020-01-01', 'device' => 'Smartphone', 'model' => 'Galaxy', 'problem' => 'Lorem ipsum', 'status' => 'success', 'assigned' => 'Person F'];


foreach ($rowData as $data)

{

        switch ($data['status'])

        {

                case 'success':

                {

                        $rowFgColor = 'white';

                        $rowBgColor = 'green';

                }

                break;

                case 'failure':

                {

                        $rowFgColor = 'black';

                        $rowBgColor = 'red';

                }

                break;

                case 'pending':

                {

                        $rowFgColor = 'black';

                        $rowBgColor = 'yellow';

                }

                break;

                default:

                case 'processing':

                {

                        $rowFgColor = 'black';

                        $rowBgColor = 'orange';

                }

                break;

        }

        echo "<tr class=\"color-fg-$rowFgColor color-bg-$rowBgColor\">";

        foreach (['id', 'number', 'date', 'device', 'model', 'problem', 'status', 'assigned'] as $column)

                echo "<td>{$data[$column]}</td>";

        echo "</tr>";

}

?>

</table>

</body>

</html>


查看完整回答
反對(duì) 回復(fù) 2021-10-15
  • 3 回答
  • 0 關(guān)注
  • 230 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)