簡體   English   中英

使用materializecss基於mysqli值更改表的行顏色

[英]Change row color of a table based on mysqli value using materializecss

我在我的項目上使用Materialize CSS,我有一個表顯示mysql字段,稱為“狀態”,在此表中,如果我更改“狀態”,例如“ 1 =藍色,2 =紅色”,我想更改行的顏色……”這里有人知道我該如何做一個函數來做到這一點? 謝謝。

表示例:

table class="striped bordered responsive-table">
<thead>
<tr>
    <th>ID</th>
    <th>Cliente</th>
    <th>Objeto</th>
    <th>Status</th>
</tr>
</thead>
<tbody>
<?php while($row_os = mysqli_fetch_assoc($result_user)){?>
<tr>
    <td><?php echo $row_os["num"]; ?></td>
    <td><?php echo $row_os["cliente"]; ?></td>
    <td><?php echo $row_os["object"]; ?></td>
    <td><?php echo $row_os["status"]; ?></td>
</tr>
<?php } ?>
</tbody>

一種簡單的方法是:

<?php 
$colorMap = [
  1 => 'blue',
  2 => 'red',
  // add more
];
while ($row_os = mysqli_fetch_assoc($result_user)) { ?>
<tr style="background:<?php echo $colorMap[$row_os['status']] ?>">
    <td><?php echo $row_os["num"]; ?></td>
    <td><?php echo $row_os["cliente"]; ?></td>
    <td><?php echo $row_os["object"]; ?></td>
    <td><?php echo $row_os["status"]; ?></td>
</tr>
<?php } ?>

當然,您還可以根據狀態添加class的方式相同,並在CSS中進行樣式設置。

僅在狀態必須包含12的值時,就像在行上執行此操作一樣簡單

<?php
 while($row_os = mysqli_fetch_assoc($result_user)){?>
<tr class="<?php echo $row_os["status"]==1?'blue':'red'?> lighten-2">
    <td><?php echo $row_os["num"]; ?></td>
    <td><?php echo $row_os["cliente"]; ?></td>
    <td><?php echo $row_os["object"]; ?></td>
    <td><?php echo $row_os["status"]; ?></td>
</tr>
<?php } ?>

或狀態是否不同(然后遵循@colburton答案)或

 <?php
     while($row_os = mysqli_fetch_assoc($result_user)){
    $color="";
    switch($row_os["status"]){
    case 1:
    $color="blue";
    break;
    case 2:
    $color="red";
    break;
    //and so on
    }
    ?>
    <tr class="<?php echo $color;?> lighten-2">
        <td><?php echo $row_os["num"]; ?></td>
        <td><?php echo $row_os["cliente"]; ?></td>
        <td><?php echo $row_os["object"]; ?></td>
        <td><?php echo $row_os["status"]; ?></td>
    </tr>
    <?php } ?>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM