jquery – 根据单元格值DataTable更改行背景颜色

我使用DataTable插件来显示一些记录.我有3行,名称,日期,金额.我希望行的背景颜色根据金额列中的具体值而改变.

这是我的代码：

<script type="text/javascript" charset="utf-8">
    $(document).ready( function () {
        var table = $('#tid_css').DataTable({
            'idisplayLength': 100,"bFilter": false,"aaSorting" : [[2,"desc"]]
        });
    } );
</script>

作为测试,我添加了以下代码与上面的代码,但得到错误“DataTables警告：表id = tid_css – 无法重新初始化DataTable”

<script type="text/javascript" charset="utf-8">
$(document).ready( function() {
$('#tid_css').dataTable( {
"fnRowCallback": function( nRow,aData,idisplayIndex,idisplayIndexFull ) {
            if ( aData[2] == "1" )
            {
                $('td:eq(2)',nRow).html( '<b>1</b>' );
            }
        }
    } );
} );
</script>

使用不同条件的“fnRowCallback”,如果数量为1,则颜色为红色,2 =蓝色,3 =蓝色等,可以轻松实现.

解决方法

好的,我能够自己解决这个问题：

$(document).ready( function () {
            $('#tid_css').DataTable({
                "idisplayLength": 100,"desc"]],"fnRowCallback": function( nRow,idisplayIndexFull ) {
                    if ( aData[2] == "5" )
                    {
                        $('td',nRow).css('background-color','Red');
                    }
                    else if ( aData[2] == "4" )
                    {
                        $('td','Orange');
                    }
                }
            });
})

原文地址：https://www.jb51.cc/jquery/179737.html