Html 根据值更改表行颜色
我有一张像这样的桌子:Html 根据值更改表行颜色,html,css,Html,Css,我有一张像这样的桌子: ID | photo | ident | status ------------------------------------------------ 80 | img/photo1 | ACH3882 | V 81 | img/photo2 | SHD8837 | V 82 | img/photo3 | SFF4837 | X 83 |
ID | photo | ident | status
------------------------------------------------
80 | img/photo1 | ACH3882 | V
81 | img/photo2 | SHD8837 | V
82 | img/photo3 | SFF4837 | X
83 | img/photo4 | DLL3266 | V
是否可以根据值更改行的背景颜色?所以,如果状态单元格的值为V,则变为黄色,如果X变为绿色
这是我的桌子,我试过:
<table class="blueTable" border="2" style= "background-color: #f9f9f9; color: #000000; margin: 0 auto;" >
<thead style= "background-color: #FFFFFF">
<tr>
<th>Photo</th>
<th>Ident</th>
<th>Status</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<?php
if ($result = $link->query($query)) {
$num_rows = 0;
while ($row = $result->fetch_assoc()) {
$num_rows++;
if($row['status'] == 'V') {
$style = 'style="background-color:#00FF00;';
}
if($row['status'] == 'X') {
$style = 'style="background-color:#FF00FF;';
}
echo
"<tr>
<td>{$row['photo']}</td>
<td>{$row['ident']}</td>
<td>{$row['status']}</td>
<td><a href='delete.php?id={$row['id']};'>Delete</a></td>
</tr>";
}
/*freeresultset*/
$result->free();
}
?>
</tbody>
</table>
照片
识别
地位
删除
您可以将状态变量用作一个类,并在css中为类添加颜色,如下所示
.color-v{
背景颜色:蓝色;
}
.color-x{
背景颜色:绿色;
}
照片
识别
地位
欢迎来到StackOverflow。请复习。在发布问题之前,您应该已经研究过您的问题并尝试解决它。请编辑您的问题,将您迄今为止尝试的内容和相关代码的详细信息包含在一个列表中,以便我们能够提供帮助。您能给我们一些您的代码吗?@HugoAndré抱歉,忘记粘贴了。有一个新的外观:)你没有给任何东西分配“$style”,但我建议我的方法,不管怎样,我只是尝试了你的代码,但它不起作用,没有一个单元格得到任何颜色。我将
替换为:“
,并添加了css类,但没有添加任何内容
…如果您的意思是“不工作”,则颜色将仅应用于内部的td列,而不是tr。如果该值被其他选择器覆盖,请检查您的检查器