Bootstrap数据表：根据值更改单元格颜色[重复]答案

【问题标题】：Bootstrap Datatables: Change cell color based on values [duplicate]Bootstrap数据表：根据值更改单元格颜色[重复]
【发布时间】：2017-08-09 06:00:34
【问题描述】：

我正在从服务器获取 json 数据并尝试显示数据表。

代码：

    var siteName = $("#stateType").val();

    $(".jqueryDataTable").DataTable({
        "sPaginationType" : "full_numbers",
        "bProcessing" : false,
        "bServerSide" : false,
        "bJQueryUI" : true,
        "bDestroy" : true,
        "sAjaxSource" : "searchState",
        "sServerMethod" : "POST",
        "fnServerParams" : function(aoData) {
            aoData.push({
                "name" : "stateType",
                "value" : siteName
            });
        },
        "aoColumns" : [ {
            "mData" : "stitcher"
        }, {
            "mData" : "state"
        }, {
            "mData" : "load"
        }, {
            "mData" : "sessionsActive"
        }, {
            "mData" : "sessionsPaused"
        }, {
            "mData" : "csmVersion"
        }, {
            "mData" : "serviceID"
        } ]
    });

我能够显示数据。但要求是我需要根据值更改状态单元格的颜色？

【问题讨论】：

欢迎来到 SO，请阅读有关如何提问的帮助部分。希望您至少尝试一下，然后如果您有问题，我们可以提供帮助
检查这个线程：-Cell background color based on cell content 以及线程中给出的示例链接：- Row created callback
感谢您的快速回复。在您的链接示例中，数据是静态的，但在这里我从服务器获取数据。
如果您想要一个明确的答案，那么您必须确切地告诉我们您想要什么 - 哪个单元格？基于哪个值？

标签： jquery ajax datatables

【解决方案1】：

您可以在下面尝试此代码。基于columns.createdCell

{
   data: 'serviceID',
   createdCell: function (td, cellData, rowData, row, col) {
                    var serviceID = cellData;
                    if (serviceID < 1) {
                        $(td).css('color', 'red')
                    }
                }
}

【讨论】：

我在这方面是全新的。你能在我的代码中解释一下吗？
我试过这个，它有效。谢谢 "fnRowCallback": function (nRow, mData, iDisplayIndex, iDisplayIndexFull) { if(mData['state'] == 'Healthy'){ $('td', nRow).eq(1).addClass('green '); }
太棒了。但是你的代码是基于旧版本的数据表，如果你使用最新版本，你可以用我的代码代替。如果对您有帮助，请标记我的回答。谢谢。
现在我面临另一个问题。我能够根据值显示 td 颜色。但是当我对该列进行排序时，颜色正在消失。
不明白，能否更新一下上面的新代码。