Layui中更换table组件行颜色

table.render({
            elem: '#familyMemberList',
            url: '/Home/getFamilyMemberList?HID=' + $("#hidId").val(),
            toolbar: '#toolbarDemo',
            defaultToolbar: [],
            cols: [[
                { field: 'FamName', title: '姓名', sort: true },
                //{ field: 'FamSex', title: '性别', sort: true },
                { field: 'CardType', title: '证件类型' },
                { field: 'FamCardNo', title: '居民身份证(残疾人证) 号码', templet: function (d) {
                            var len = d.FamCardNo.length-6-3;
                            var xing = '';
                            for (var i=0;i<len;i++) {
                            xing+='*';
                            }
                            return d.FamCardNo.substring(0,6)+xing+d.FamCardNo.substring(d.FamCardNo.length-3);
                        } },
                { field: 'WithHold', title: '与户主关系' },
                { field: 'FamNation', title: '民族' },
                //{ field: 'FamPolitical', title: '政治面貌' },
                { field: 'FamEdu', title: '文化程度' },
                { field: 'FamSchool', title: '现就读学校' },
                //{ field: 'FamGrade', title: '现就读年级' },
                { field: 'FamHealth', title: '健康状况' },
                { field: 'FamLabour', title: '劳动能力状况' },
                //{ field: 'FamLabor', title: '劳动技术专长' },
                //{ field: 'FamWork', title: '就业创业区域' },
                { title: '操作', minWidth: 50, templet: '#currentTableBar', fixed: "right", align: "center" }
            ]],
            limits: [5, 10, 15, 20, 25, 50, 100],
            limit: 5,
            page: true
//更变行颜色方法
            , done: function (res, curr, count) {
                //可能是获取当前生成的DOM元素,未验证
                var that = this.elem.next();
                //循环遍历返回数据中的data
                res.data.forEach(function (item, index) {
                    //写自己的判断
                    if (!isEmpty(item.deathDate)) {//标记已删除
                        //在获取到的DOM元素中找到data-index属性等于当前index的行
                        var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']");
                        //设置该行颜色
                        tr.css("background-color", "rgb(236 112 112)");
                    }
                });
            }
        });

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值