使用materializecss

时间:2017-07-16 14:53:15

标签: php css mysql html5 materialize

我在我的项目中使用Materialise css,我有一个表显示名为“status”的mysql字段,在此表中我想要更改行的颜色,如果我更改“状态”,如“1 =蓝色, 2 =红色......“这里有人知道我怎么能做到这一点的功能?谢谢。

表ptample:

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>

2 个答案:

答案 0 :(得分:0)

一种简单的方法是:

<?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中进行样式设置。

答案 1 :(得分:0)

在行上执行此操作很简单,仅当状态必须包含值 1 2

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