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

通常你可以改变这样的bg颜色：

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

或

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

我不知道nRow是否拥有该元素的正确表示，我在这里看不到，这是你的责任。

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

1 个答案: