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

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用于代码和演示。