如果数量列的数值小于或等于 10，如何更改表格行的背景颜色

Question

我正在实施布料购物网站，其中库存由管理员添加到数据库中，管理员也可以查看，更新和删除库存。 在数据库中的表中显示记录时，我希望在客户购买该行颜色后，库存中的项目变为 10 或小于 10，以便管理员应该提醒特定库存数量较低。 这是我的代码：

<table>
<tr>
<th>Sr.No</th>
<th>Product ID</th>
<th>Brand</th>
<th>Price</th>
<th>Gender</th>
<th>Category</th>
<th>Material</th>
<th>Size</th>
<th>Description</th>
<th>Quantity</th>
<th>Image</th>
</tr> 
<?php 
$query = "SELECT * FROM add_stock ORDER BY id DESC"; 
$rs_result = mysqli_query ($query);
while ($result=mysqli_fetch_array($rs_result) )
{
?>
<?php $qty =$result['dress_quantity']; ?>
<tr <?php if($qty<=10){echo 'style="background:red"';} ?> >
<td><?php echo $result['id']; ?></td>
<td><?php echo $result['brand_name'];</td>
<td><?php echo $result['price']; ?></td>
<td><?php echo $result['gender_name']; ?></td>
<td><?php echo $result['category_name']; ?></td>
<td><?php echo $result['material_name']; ?></td>
<td><?php echo $result['size_name']; ?></td>
<td><?php echo $result['dress_description']; ?></td>
<td><?php echo $result['dress_quantity']; ?></td>
<td><a href="javascript:window.open('<?php echo $result['image'] ?>','mypopuptitle', '_parent')" >View Image</a></td>
</tr>
</table>
<?php
}
?>

CSS代码：

table {  
color: #333;
font-family: Helvetica, Arial, sans-serif;
border-collapse: 
collapse; border-spacing: 0; 
}
td, th {  
border: 1px solid; /* No more visible border */
height: 30px; 
transition: all 0.3s;  /* Simple transition for hover effect */
}
th {  
background: #DFDFDF;  /* Darken header a bit */
font-weight: bold;
text-align: center;
height: 50px;
}
td {  
background: #FAFAFA;
height: 40px;
}
/* Cells in even rows (2,4,6...) are one color */        
tr:nth-child(even) td { background: #F1F1F1; }   
/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */        
tr:nth-child(odd) td { background: #FEFEFE; }  

Answer 1

在 CSS 中创建一个类，如 .isLess

.isLess { background-color:red;}

然后执行以下操作：

回显类的三元运算符，如果 Qty <10，则添加类，如果没有，则不输出任何内容。

<tr <?php echo ($result['dress_quantity'] < 10 ? "class='isLess'" : ""); ?> >
<td><?php echo $result['id']; ?></td>
<td><?php echo $result['brand_name'];</td>
<td><?php echo $result['price']; ?></td>
<td><?php echo $result['gender_name']; ?></td>
<td><?php echo $result['category_name']; ?></td>
<td><?php echo $result['material_name']; ?></td>
<td><?php echo $result['size_name']; ?></td>
<td><?php echo $result['dress_description']; ?></td>
<td><?php echo $result['dress_quantity']; ?></td>
<td><a href="javascript:window.open('<?php echo $result['image'] ?>','mypopuptitle', '_parent')" >View Image</a></td>
</tr>

或者，您可以执行以下操作

$class = "";
if($result['dress_quantity'] < 10) { $class='isLess'; }
<tr <?php echo $class; ?> >