我使用的是数据表javascript Api。它使用起来非常简单。只需创建一个数组并传递给数据表。工作良好。无问题
示例:
<html>
<head>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css"/>
<script type="text/javascript" src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
var dataSet = [[1,'some text1','some text1','some text1',1],[2,'some text2','some text2','some text2',0],[3,'some text3','some text3','some text3',1]];
$('#example').dataTable( {
"data": dataSet,
"columns": [
{ "title": "id" },
{ "title": "Name" },
{ "title": "Parent", "class": "center" },
{ "title": "Description" },
{ "title": "active", "class": "center","bSortable": false }
]
} );
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>
</body>
</html>
所以我想根据条件为特定的行设置不同的颜色。在这里,我们无法控制争吵。我曾经尝试过数据表中可用的行回调。但它总是反映在标题上。。
谢谢你抽出时间。
如注释中所述,您可以使用fnRowCallback进行此操作。
...
{ "title": "active", "class": "center","bSortable": false }
],
"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
var status = aData[5];
// check the status
if(status = 'not active'){ // or whatever your status value is...
$(nRow).addClass('row-inactive');
}
}
这将向当前<tr>
添加一个类别row-inactive
。很明显,您需要像.row-inactive td{background-color:red;}
这样的css类才能使其工作。