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

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');
    });
});

演示

有关代码和演示，请参阅 this jsFiddle。