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');
                    }
                }
            });
})

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...