使用layui框架根据字段来设置tr行的背景色

时间:2021-06-09 14:51:38

问题来源:最近在写公司项目时使用layui遇见的问题,老板要求根据td字段来设置整行tr的背景色。

解决:一开始数据比较少的时候只是直接在页面根据js动态判断字段然后来更改背景色,结果能够成功,但是后面数据一多起来就发现刚刚写的动态css只限于在第一页有效,其他页没有,在做搜索、增加、删除、修改后动态css也无效。于是乎自己只能在网上寻找方法。

 

在设置layui属性样式的时候可以加上templet,后面接要执行的参数,具体做什么不清楚

使用layui框架根据字段来设置tr行的背景色

 

原谅前面讲了一大堆,下面开始正文:

在渲染规则列表的时候,可以加上done函数,里面调用要执行的操作,具体的优缺点还没有去了解,有兴趣的同学可以自行去了解

使用layui框架根据字段来设置tr行的背景色

 

 使用layui框架根据字段来设置tr行的背景色

效果图:

使用layui框架根据字段来设置tr行的背景色

 

 

第一次写原创博客,有错误的地方还希望各位大佬能够指出,共同学习,共同进步。