我正在使用jquery datatables.net,我有一个信息表。在一列中,我有关于用户是否处于活动状态的真值或假值。我试图得到它,当值为false时,突出显示该值。现在我的表格设置代码如下所示:
//Settings for datatable
$('#userTable').DataTable({
"jQueryUI": true,
"serverSide": true,
"ajax": {
"type": "POST",
url: "/Management/StaffGet",
"contentType": 'application/json; charset=utf-8',
'data': function (data) { console.log(data); return data = JSON.stringify(data); }
},
"columns": [
{ "data": "employeeNumber" },
{ "data": "firstName" },
{ "data": "lastName" },
{ "data": "role" },
{
"data": "active",
},
{
"data": "employeeNumber",
"render": function (data, type, full, meta)
{
return '<a href="/Management/Edit/' + data + '">Edit </a> | <a href="/Management/Delete/' + data + '">Delete </a>';
}
}
],
"order": [[ 0, "asc"]],
"paging": true,
"deferRender": true,
"processing": true,
"stateSave": false,
"lengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
"pageLength": 10,
"pagingType": "simple_numbers",
"searching": false,
"createdRow": function ( row, data, index ) {
if (data[4] == "false" ) {
$('td', row).eq(5).addClass('highlight');
}
}
});`
然后我的css代码是:
`<style type="text/css">
td.highlight {
font-weight: bold;
color: red;
}
</style>`
我觉得列上的设置有问题,感谢任何帮助。
答案 0 :(得分:0)
尝试
$('#userTable').DataTable({
...
"createdRow": function( row, data, dataIndex ) {
//console.log(data[4]);
if ( data[4] == "false" ) {
//console.log($(row).find("td").eq(4).html());
$(row).find("td").eq(4).addClass( 'highlight' );
}},
...
评论日志语句用于检查您是否正在获取并比较正确的数据。
使用数据表1.10.1进行测试