数据表 - 如何更改动态更改的单元格的背景和文本颜色？

Question

我使用以下代码动态更新单元格并且工作正常,唯一的方法是如何更改背景的颜色和单元格数据的文本.如果可能的话,也可以举例说明如何更改整行.提前致谢.

$(document).ready(function (){
    var table = $('#example').DataTable();

    table.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
        var data = this.data();       
        console.log(data);

        data[0] = '* ' + data[0];

        this.data(data);
    });
});

Answer 1

解

您可以使用cell().node()API方法访问单元节点.

$(document).ready(function (){
    var table = $('#example').DataTable();

    table.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
        var cell = table.cell({ row: rowIdx, column: 0 }).node();
        $(cell).addClass('warning');
    });
});

DEMO

有关代码和演示,请参阅此jsFiddle.