列表页中根据状态修改行的颜色
$(function(){
var table = document.getElementById("fxXzRyzytjItem");
var len = table.rows.length;
var _row = table.rows;
for(var i = 0;i < len;i++){
var _cell = _row[i].cells;
var zyStatus=_cell[13].innerHTML;
if(zyStatus == '转移未回' ){
table.rows[i].style.color = "red";
}
else{
table.rows[i].style.color = "black";
}
}
});
<display:table name="fxXzRyzytjList" id="fxXzRyzytjItem" requestURI="list.ht" sort="external" cellpadding="1" cellspacing="1" class="table-grid">
<display:column title="${checkAll}" media="html" style="width:30px;">
<input type="checkbox" class="pk" name="id" value="${fxXzRyzytjItem.id}">
</display:column>
<display:column property="szjd" title="所在街道" sortable="true" sortName="F_SZJD"></display:column>
<display:column property="szsq" title="所在社区" sortable="true" sortName="F_SZSQ"></display:column>
<display:column property="zyssrydz" title="转移疏散人员地址" sortable="true" sortName="F_ZYSSRYDZ"></display:column>
<display:column property="zhxm" title="住户姓名" sortable="true" sortName="F_ZHXM"></display:column>
<display:column property="zhlxdh" title="住户联系电话" sortable="true" sortName="F_ZHLXDH"></display:column>
<display:column property="jdfzr" title="街道责任人" sortable="true" sortName="F_JDFZR"></display:column>
<display:column property="zrrlxdh" title="责任人联系电话" sortable="true" sortName="F_ZRRLXDH"></display:column>
<display:column property="bzyazdd" title="被转移安置地点" sortable="true" sortName="F_BZYAZDD"></display:column>
<display:column property="lxr" title="联系人" sortable="true" sortName="F_LXR"></display:column>
<display:column property="lxdh" title="联系电话" sortable="true" sortName="F_LXDH"></display:column>
<display:column title="转移时间" sortable="true" sortName="F_ZYSJ">
<fmt:formatDate value="${fxXzRyzytjItem.zysj}" pattern="yyyy-MM-dd HH"/>
</display:column>
<display:column title="回家时间" sortable="true" sortName="F_HJSJ">
<fmt:formatDate value="${fxXzRyzytjItem.hjsj}" pattern="yyyy-MM-dd HH"/>
</display:column>
<display:column property="zyStatus" title="转移状态" sortable="true" sortName="F_ZYSTATUS"></display:column>
<display:column property="status" title="状态" sortable="true" sortName="F_STATUS"></display:column>
效果图