layui table 根据条件改变更换表格颜色 高亮显示 数据筛选

请问想让当layui表格的某个字段符合某个条件的时候,让该行变颜色。这样可以实现么。

layui数据表格怎么更换表格颜色

layui表格 通过判断某一行中的某一列的值进行设置这一行的颜色

LayUI之table数据表格获取行、行高亮等相关操作

能够根据相关条件进行数据筛选、进行高亮显示
对符合条件的行进行高亮显示

 

           , done: function (res, curr, count) {// 表格渲染完成之后的回调
                // $(".layui-table th").css("font-weight", "bold");// 设定表格标题字体加粗
                LayUIDataTable.SetJqueryObj($);// 第一步:设置jQuery对象
                var currentRowDataList = LayUIDataTable.ParseDataTable(function (index, currentData, rowData) {
                })
                LayUIDataTable.HideField('mk2');// 隐藏列-单列模式
                // 对相关数据进行判断处理--此处对mk2大于30的进行高亮显示
                $.each(currentRowDataList, function (index, obj) {
                    if (obj['mk2'] && obj['mk2'].value == '1') {
                        obj['mk2'].row.css({"background-color": "#009966", 'color': '#99CCCC'});
                    }
                    if (obj['mk2'] && obj['mk2'].value == '2') {
                        obj['mk2'].row.css({"background-color": "#F7B940", 'color': '#CCFFFF'});
                    }
                })
            }// end done

部分参考 LayUI之table数据表格获取行、行高亮等相关操作

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值