php - 基于变量值的颜色表行

Question

我有一个表，我使用 jQuery 从数据库中获取该表。我想根据特定列的值为每一行着色。示例我有列“状态”。如果该行的状态为“进度”，我希望该行为黄色。如果该行的状态为“取消”，我希望该行为红色

我试过一个类(class)，但整个表格都涂上了颜色，我考虑过使用可变颜色来改变 tr，但不知道该怎么做。

<style>
        .yellow {
            background-color: darkred;    
        }      
</style>
    
<tbody>
<?php
include ('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>

Answer 1

您可以使用内联样式。我猜你有成功的第三个状态选项，它将是绿色的。

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