使用新的DataTables API更改行背景颜色

时间:2014-09-04 11:28:40

标签: jquery datatable

我已经开始使用新的DataTables API v1.10.2,并想知道如何优化我的代码。

首先,为了隐藏列,我使用了以下代码:

"aoColumnDefs": [
            {
            "targets": [ 0 ],
            "visible": false,
            "searchable": false
            },
            {
            "targets": [ 4 ],
            "visible": false
            },

现在我使用了这个,使代码更小,更容易理解:

"columns": [
        { "data": "source", "visible": false },
        ........
        { "data": "host" }

我希望看到如何使用 fnRowCallback 优化另一个检查列中值(1-5)的代码,如果满足条件,则更改行颜色新的DataTables 1.10.2:

代码:

"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
    if ( aData.priority == "5" )
    {
        $('td', nRow).css('background-color', 'Red');
        red++;
    }
    else if ( aData.priority == "4" )
    {
        $('td', nRow).css('background-color', 'Orange');
        orange++;
    }
    {
    ..........
    }
}

1 个答案:

答案 0 :(得分:4)

我想我唯一最好的选择是:

"rowCallback": function ( row, data ) { 
   if ( data.priority == "5" ){ $('td', row).css('background-color', 'Red');}
   else if ( data.priority == "4" ){ $('td', row).css('background-color', 'Orange');}
}