Search code examples
javascriptjquerydatatables

DataTables jquery color different cells

Trying to css different cells in rows. But css is not works. Text by index row promts correct but i cant do something with data.

$('#results').DataTable( {
        "initComplete": function() {
            $rows    = $('#results').DataTable().rows().count();
            $columns = $('#results').DataTable().columns().count();
            
            for (var i = 1; i < $columns; i++) {
                for (var j = 1; j < $rows; j++) {
                    if($('#results').DataTable().data()[j][i] != $('#results').DataTable().data()[j-1][i])
                    {
                        console.log($('#results').DataTable().data("test")[j][i].css("color","red");
                    }
                }
            }
        },

Example of expentations: enter image description here

Solution

  • This variant works.

    I put new data in cell with colored span with data inside. And it works.

    $('#results').DataTable().cell({row:j, column:i}).data("<span style='color:red;'>"+$('#results').DataTable().cell({row:j, column:i}).data()+"</span>");