原创

layui表格更改某行的背景颜色或者字体颜色

需求为区分某个字段不同的情况下,显示成的某行的表格颜色不同
做法为在layui表格下layui.use('table', function () 函数里增加done函数,不过此方法仅限于没有fixed的情况下有效,若设置fixed: 'left'或者fixed: 'right'等,则设置的fixed列无效。具体代码如下:

  done: function () {
    var index=-1;
                        //分类显示中文名称
                        $("[data-field='FLEVEL']").children().each(function () {

                            index++;
                            if ($(this).text() == '0') {
                                $(this).text("报警")
                              //  $('tr').eq(index).css("background-color",BJCOLOR);
                                $('tr').eq(index).css("color",BJCOLOR);
                            } else if ($(this).text() == '1') {
                                $(this).text("一级预警")
                              //  $('tr').eq(index).css("background-color",YJYJCOLOR);
                                $('tr').eq(index).css("color",YJYJCOLOR);
                            } else if ($(this).text() == '2') {
                                $(this).text("二级预警")
                               // $('tr').eq(index).css("background-color",EJYJCOLOR);
                                $('tr').eq(index).css("color",EJYJCOLOR);
                            } else if ($(this).text() == '3') {
                                $(this).text("三级预警")
                             //   $('tr').eq(index).css("background-color",SJYJCOLOR);
                                $('tr').eq(index).css("color",SJYJCOLOR);
                            }
                        });
    }

效果如下:

正文到此结束
本文目录