为什么不根据 jquery（java spring）中的单元格值 DataTable 更改行背景颜色？答案

【问题标题】：Why not Change Row background color based on cell value DataTable in jquery(java spring)?为什么不根据 jquery（java spring）中的单元格值 DataTable 更改行背景颜色？
【发布时间】：2018-02-23 12:19:32
【问题描述】：

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

【问题讨论】：

你能把console.log()放在if条件里面，不管它是否来了。
没有。函数内部的代码没有执行。
您的“if (data[3]-currDate
"但没用。" - 究竟是什么没用？它以什么方式不起作用？应该发生什么，实际发生了什么？您的浏览器控制台中报告了哪些错误（如果有）？什么是相关的 - “minimal reproducible example” - 允许我们重现您的问题的代码？

标签： javascript jquery css datatables

【解决方案1】：

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

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

【讨论】：