Question

我按照Jquery Datatable站点的文档以及SO帖子，使用rowCallback根据值突出显示该行。

let SET1 = $("#SET1").DataTable({
    "columns": columns,
    "rowCallback": function( row, data, index ) {
    if ( data[0] == "jon" )
    {
        $('td', row).css('background-color', 'Red');
    }
    }
});

但是，我没有尝试过rowCallback，createdRow或fnrowCallback使行改变颜色。这是我加载数据的方式吗？

下面是我的小提琴。 http://jsfiddle.net/czcz/qfr3xLq1/5/

Answer 1

每行调用

rowCallback一次。它不是数组，而是对象。试试这个：

let SET1 = $("#SET1").DataTable({
    "columns": columns,
    "rowCallback": function( row, data, index ) {
    if ( data.name == "jon" )
    {
        $('td', row).css('background-color', 'Red');
    }
    }
});

Answer 2

let SET1 = $("#SET1").DataTable({
    "columns": columns,
    "fnCreatedRow" : function(nRow, aData, iDataIndex) {
        if(aData.name === "jon") {
          $('td', nRow).css('background-color', 'Red');
          }
    }
});

http://jsfiddle.net/qfr3xLq1/16/

rowCallback和createdRow不突出显示行

2 个答案: