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

时间:2013-03-01 16:38:16

标签: html jsp jstl

我有从数据库中填充的表,我需要为每行来自dtabase的应用背景颜色。我的代码在下面我不知道我做错了什么,但它不起作用。帮助!

enter image description here

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

3 个答案:

答案 0 :(得分:1)

好的,所以我终于明白了。因为我从数据库表中拉出颜色代码正常工作:

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

答案 1 :(得分:0)

如果你真的不得不求助于使用数据库中的颜色,那么你必须为每个<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 }

答案 2 :(得分:0)

试试这个(它会减少代码中的行数):

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