jquery datatable.net 根据单元格的值更改行颜色

Question

我想根据 fnRowCallback 中行的列值更改 jquery datatable.net 中行的颜色，但它不起作用。有人可以帮忙吗？

var xref_table = $('#grid_table').dataTable({
            "bStateSave": true,
            "bDestroy": true,
            "bJQueryUI": true,
            "sAjaxSource" : 'include/admin/xref_topic_product_add.php?grid=1',
            "aoColumns": [
                { "mDataProp": "topic_name",sWidth:'200px' },
                { "mDataProp": "product_name", sWidth: '100px'},
                {   
                    "mDataProp": "product_id" , 
                    fnRender: function(row) 
                    {
                        if( row.aData.product_id === null)
                            return '<button class="add_button" data_topic_id="'+ row.aData.topic_id + '" data_product_id="'+ row.aData.product_id + '" >Add</button>';
                        else
                            return '<button class="delete_button" data_topic_id="'+ row.aData.topic_id + '" data_product_id="'+ row.aData.product_id + '" >Delete</button>';


                    }, 
                    sWidth: '50px'
                },
            ],
            "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
                if(aData[3] === null){
                     $(nRow).css({"background-color":"red"});
                   }
                    return nRow;
                }

        });

Answer 1

通常你可以像这样改变背景颜色:

$(nRow).css("background-color","red");

或

$(nRow).css("background-color","#ff0000");

我不知道 nRow 是否保存了元素的正确表示，但我在这里看不到这一点，这是你的责任。