PHP-数据表：根据单元格更改行颜色

对于服务器端加载的数据表,我正在尝试根据值更改行颜色,但是它不起作用.我在JavaScript上使用的是这样的代码：

$('#table').dataTable({
     'bServerSide': true,
     'bProcessing': true,
     'sAjaxSource': 'datatables/my_ajax.php',
     'iDisplayLength': 50,
     "sPaginationType": "bootstrap",
     "fnInitComplete": function(oSettings) {
         for (var i = 0, iLen = oSettings.aoData.length; i < iLen; i++) {
             if (jQuery.inArray(oSettings.aoData[i]._aData[2], food_types) != -1) {
                 oSettings.aoData[i].nTr.className = "myClass";
             }
         }
     },

myClass看起来像：

.myClass{ 
    background-color: red;
}

.myClass td {
   background-color: red; 
}

因此,基本上当第二个< td>每行的值都出现在食品类型数组上,则该类应更改为myClass.这部分正在工作(我可以在Firebug中看到类已更改),但是我看不到更改(我看不到行变成红色背景).我想念什么？另外,这是一个好方法还是更干净的方法是直接从ajax更改颜色？如果是这样,怎么办？

解决方法:

看来您的dataTable的CSS包装程序正在覆盖您的样式..也许是因为您看不到backgroundcolor的变化.

看来您需要更改要应用其的类.

在这些方面也许更多

table.display.myClass 
{

 background-color: red !important
}

table.display.myClass td
{

 background-color: red !important
}

更像是猜测包装器,因为我对数据表插件所应用的确切类一无所知.

标签：datatables,css,php,jquery
来源： https://codeday.me/bug/20191127/2074904.html