给界面加的根据分数判断背景颜色的功能由于引入Bootstrap格式,导致被覆盖。
代码:
<table class="table table-hover" style="border-bottom: 1px solid #ddd; font-size: 12px;"><!-- table-striped 此处覆盖了后面的功能! -->
<span style="white-space:pre"> </span><thead>
balabala
</thead>
<tbody>
<td οnclick="showUploadImg(${info.id},'${config.config_key }')" style="text-align:center"
<c:if test="${info[score] == '1'}">bgcolor="red"</c:if>
<c:if test="${info[score] == '2'}">bgcolor="yellow"</c:if>
<c:if test="${info[score] == '3'}">bgcolor="green"</c:if>
<span style="white-space:pre"> </span><c:if test="${info[score] == '4'}">bgcolor="green"</c:if>
>${info[score]}</td>
</tbody>
</table>
注意Bootstrap中一些常见的格式及其含义:(一下内容来自百度经验)
条纹状表格
table-striped可以给<tbody>之内的每一样增加斑马条纹样式。
在table加上table table-striped
<table class="table table-striped">
带边框的表格
使用table-bordered为表格和每个单元格添加边框
<table class="table table-bordered">
鼠标悬停
使用table-hover可以让<tbody>中的每一行响应鼠标悬停状态,并改变颜色
<table class="table table-hover">
紧缩表格
使用table-condensed让表格更加紧凑,单元格中的padding减半。
<table class="table table-condensed">