Datatables - How do I change background and text color of a cell changed dynamically?

ぐ巨炮叔叔 提交于 2019-12-30 10:19:22

问题


I use the following code to update a cell dynamically and works perfect, the only thing is how to change the color of the background and the text of that cell data. If it´s possible an example of how to change the entire row as well. Thanks in advance.

$(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);
    });
});

回答1:


SOLUTION

You can access the cell node by using cell().node() API method.

$(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

See this jsFiddle for code and demonstration.



来源:https://stackoverflow.com/questions/32894735/datatables-how-do-i-change-background-and-text-color-of-a-cell-changed-dynamic

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!