我需要创建一个 jQuery 数据表,其中某些行可能具有灰色背景颜色 - 这意味着它们已被停用。仅当相应 MySQL 表的“status”列等于 0 时,行才能具有灰色背景。
看下面的代码。列“10”已隐藏。它包含状态
值。如果为 0,则该行应具有不同的背景颜色。但这是行不通的。没有错误消息。有什么想法吗?
$(document).ready(function(){
$('#newspaper-b').dataTable({
"sPaginationType":"full_numbers",
"aaSorting":[[4, "asc"]],
"aoColumns": [null,null,null,null,null,null,null,null,null,null,
{"bSearchable": true, "bVisible": false},null,null],
"bJQueryUI":true,
'fnRowCallback': function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
if(aData[10]=="0"){
nRow.className = "disactivatedRow";
}
return nRow;
}
});
CSS
.disactivatedRow td {
background-color:#ffbba9 !important;
color: #e6e6fa;
}
#newspaper-b {
border-collapse: collapse;
border-color: #B7DDF2;
border-style: solid;
border-width: 1px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
margin: 0;
text-align: left;
width: 480px;
}
#newspaper-b th {
background: none repeat scroll 0 0 #EBF4FB;
border-color: lightgray;
font-size: 11px;
font-weight: bold;
padding: 15px 10px 10px;
}
#newspaper-b tbody tr td {
background: none repeat scroll 0 0 #FFFFFF;
}
#newspaper-b td {
border-top: 1px dashed #FFFFFF;
color: #000000;
padding: 10px;
}
#newspaper-b tbody tr:hover td {
background: none repeat scroll 0 0 #FFCF8B;
color: #000000;
}
#newspaper-b tbody tr.selected td {
background: none repeat scroll 0 0 #FFCF8B;
color: #000000;
}
最佳答案
行没有内容,因此背景,td 应该改为彩色:
.disactivatedRow td {
background-color:#ffbba9 !important;
color: #e6e6fa;
}
如果仍然无法解决,我建议您在 if 之外使用 console.log(aData[10]) 。要使用 Chrome/Firefox 运行 console.log,请通过 F12 查找控制台输出并查看 aData[10] 包含的内容,也许您需要 aData[9](程序员习惯从零开始计数;)。
关于php - 具有彩色行的 jQuery 数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10768938/