我正在尝试在jsp页面中创建数据表。有调用控制器并返回响应json。但是这里我根据单元格值改变了数据表行的颜色。但是没有用。
数据表。
oTable = $("#dataTable").dataTable({
"bServerSide" : true,
"sAjaxSource" : "${baseURL}/ReviewAlert/GetReviewAlert",
"bProcessing" : true,
"sPaginationType" : "full_numbers",
"bJQueryUI" : true,
"iDisplayLength": 15,
"aLengthMenu": [[15, 20, 30, 50], [15, 20, 30, 50]],
"createdRow": function( row, data, dataIndex ) {
if ( data[3]-currDate<0) {
$(row).addClass('red');
}
} ,
"aoColumns" : [ {
"mDataProp" : "serialNumber",
"bSearchable" : false,
"bVisible" : false
},{
"mDataProp" : "aNumber"
},{
"mDataProp" : "aName"
}, {
"mDataProp" : "reviewDate"
},{
"mDataProp" : "reviewTitle"
},{
"mData" : null,
"sTitle": "Action",
"bSearchable": false,
"bSortable": false,
"sClass" : "alignCenter",
"fnRender": function(obj) {
var action="<input id='btnRvwView' type='button' title='View/Edit' class='button_view'></input>";
return action;
}
}]
});
和我的css。
.red {background-color: red !important;}
答案 0 :(得分:0)
使用以下CSS规则覆盖DataTables单元格样式。
.red td { background-color: red !important; }