为什么不在jquery(java spring)中根据单元格值DataTable更改行背景颜色?

时间:2018-02-23 12:19:33

标签: javascript jquery css datatables

我正在尝试在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;}

1 个答案:

答案 0 :(得分:0)

使用以下CSS规则覆盖DataTables单元格样式。

.red td { background-color: red !important; }