I followed the documentation from the Jquery Datatable site, as well as SO posts, to use rowCallback to highlight the row based on value.

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

However, nothing I have tried rowCallback,createdRow or the fnrowCallback is making the row to change color. Is it the way I'm loading the data?

below is my fiddle. /

I followed the documentation from the Jquery Datatable site, as well as SO posts, to use rowCallback to highlight the row based on value.

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

However, nothing I have tried rowCallback,createdRow or the fnrowCallback is making the row to change color. Is it the way I'm loading the data?

below is my fiddle. http://jsfiddle/czcz/qfr3xLq1/5/

• javascript
• jquery
• datatables

Share Improve this question Follow asked Apr 27, 2017 at 20:17 causitacausita 1,70811 gold badge2323 silver badges3535 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

rowCallback is called once for each row. It is not an array, but an object. Try this:

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