html - 根据值动态更改表格背景颜色

Question

我有从数据库中填充的表，我需要为也来自数据库的每一行应用背景颜色。我的代码在下面我不确定我做错了什么，但它不起作用。帮助！

       <tbody> 
  <tr> 
  <c:forEach items="${summary}" var="summary" 
  style='background-color:<c:out value="${summary.color}"></c:out>;'>


 <tr>
 <td><c:out value="${summary.eventDesc}"  /></td>
  <td><c:out value="${summary.labelNbr}" /></td>
 <td><c:out value="${summary.origin}" /></td>
 <td><c:out value="${summary.senderName}" /></td>
 <td><c:out value="${summary.receiverName}" /></td>
 <td><c:out value="${summary.receiptDate}" /></td>
 <td><c:out value="${summary.loadDate}" /></td>
 <td><c:out value="${summary.forecastIsc}" /></td>
 <td><c:out value="${summary.actualIsc}" /></td>
 <td><c:out value="${summary.country}" /></td>
 <td><c:out value="${summary.source}" /></td>
 <td><input type="checkbox" value=""></td>
 </tr>
 </c:forEach>

Answer 1

好的，所以我终于想通了。由于我从数据库表中提取颜色，因此以下代码可以正常工作：

<td bgcolor='<c:out value="${summary.color}"></c:out>'>
    <c:out value="${summary.eventDesc}" />
</td>

Answer 2

如果您真的不得不求助于使用数据库中的颜色，那么您必须为每个颜色添加一个内联样式，<tr>或者<td>

---

我建议<tr>为每种颜色的元素添加一个 css 类，然后像这样编写你的 css 规则

tr.class-1 > td { background-color: yellow }

tr.class-2 > td { background-color: red }

tr.class-3 > td { background-color: green }

Answer 3

试试这个（它会减少代码中的行数）：

<c:forEach items="${summary}" var="summary">
<tr style='background-color: ${summary.color}'>
<td></td>
<td></td>
<td></td>
</tr>
</c:forEach>