DataTable根据条件修改行颜色和特定格颜色

JS代码如下:

$.get("/terminal_get_all_app/",
        function (cur_data) {
            // {#alert("Data Loaded: " + cur_data);#}
            table = $('#terminal_datatables').DataTable({
                responsive: true,
                data: eval(cur_data),
                //lengthMenu: [5, 10, 20, 30],//这里也可以设置分页,但是不能设置具体内容,只能是一维或二维数组的方式,所以推荐下面language里面的写法。
                paging: true,//分页
                ordering: true,//是否启用排序
                order: [[ 0, 'desc' ]],//列表降序
                searching: true,//搜索
                processing: true,
                //scrollX:true,
                language: {

                    lengthMenu: '<select class="form-control input-xsmall">' + '<option value="10">10</option>' + '<option value="20">20</option>' + '<option value="50">50</option>' + '<option value="100">100</option>' + '</select>  条记录',//左上角的分页大小显示。
                    search: '<span >搜索:</span>',//右上角的搜索文本,可以写html标签
                    paginate: {//分页的样式内容。
                        previous: "上一页",
                        next: "下一页",
                        first: "首页",
                        last: "末页"
                    },
                   zeroRecords: "没有内容",//table tbody内容为空时,tbody的内容。
                    //下面三者构成了总体的左下角的内容。
                    //info: "总共_PAGES_ 页,显示第_START_ 到第 _END_ ,筛选之后得到 _TOTAL_ 条,初始_MAX_ 条 ",//左下角的信息显示,大写的词为关键字。
                    info: "显示 _START_ 到 _END_ 条,共 _TOTAL_ 条",//左下角的信息显示,大写的词为关键字。
                    infoEmpty: "0条记录",//筛选为空时左下角的显示。
                    infoFiltered: ""//筛选之后的左下角筛选提示,
                },
                pagingType: "first_last_numbers",    //分页样式的类型
                fnRowCallback: RowCallBack,          //回调函数
                });
                
});
function RowCallBack(nRow, data, iDisplayIndex, iDisplayIndexFull) {
        if (data[6].indexOf("异常") != -1) 
        { 
            //设置满足条件行的背景颜色
            $(nRow).css("background", "#FFB6C1");
             //设置满足条件行列的字体颜色
            $('td', nRow).eq(6).css('font-weight', "bold").css("color", "red");
        }             
}

效果图如下:

在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值