Layer动态设置每一行的背景色

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body></body>
<script>table.render({elem: '#table_id'   //表格ID,url: '/.../.../...'    //请求数据地址,where:  {type : '1', name: 'hello'}//默认传参，可不设置,cols: [[   //列字段设置,{field: 'hobby', width:'30%', title: '爱好'},{field: 'create_time', title: '时间'}...]],text: {none: '暂无相关数据！' //没有数据默认展示内容},page: false    //是否开启分页,parseData: function(res) {//数据显示return {code: res.code,msg: res.msg,count: res.count,data: res.data}},done(res, curr, count){let data = res.data;data.forEach((value, i) => {let index = data[i]['LAY_TABLE_INDEX'];//根据每一行的status字段，设置当前行的背景颜色if (value.status == 1 ) {$('.layui-table tr[data-index="' + index + '"]').css({ 'background-color': '#FFFFFF' });} else if ( value.status == 2 ) {$('.layui-table tr[data-index="' + index + '"]').css({ 'background-color': 'blue' });} else{$('.layui-table tr[data-index="' + index + '"]').css({ 'background-color': '#' });}});}});
</script>
</html>

Layer动态设置每一行的背景色相关推荐

微信小程序：enablePullDownRefresh、onReachBottomDistance 、动态设置窗口的背景色、动态设置下拉背景字体
一.enablePullDownRefresh 1.下拉刷新enablePullDownRefresh的支持单页面配置json文件 {"enablePullDownRefresh" ...
layui table动态追加(删除)一行,并进行原始数据渲染
记录:layui table.render动态追加(删除)一行数据,并对原有数据进行渲染场景:修改商品入库任务时: 首先进行对已选择客户的入库商品进行遍历渲染可追加入库商品,点击新增商品按钮时,弹 ...
Quartz在Spring中动态设置cronExpression
什么是动态定时任务:是由客户制定生成的,服务端只知道该去执行什么任务,但任务的定时是不确定的(是由客户制定). 这样总不能修改配置文件每定制个定时任务就增加一个trigger吧,即便允许客户修改配置文 ...
SSRS 动态设置分组依据及行组个数
动态设置行组及行组级数业务场景: A公司想在同一张BI报告中通过切换参数,分别从不同角度分析统计产品销售情况, 同时又想同时从两个角度或三个角度统计分析. 本场景主要涉及两个技能点: 1) 动态设 ...
android 动态改变语言,android动态设置app当前运行语言的方法
android开发中有时候碰到切换语言的需求,这时候需要通过代码动态改变当前运行语言. package com.example.androidtest; import java.util.Locale ...
Quartz在Spring中动态设置cronExpression （spring设置动态定时任务）
2019独角兽企业重金招聘Python工程师标准>>> 什么是动态定时任务:是由客户制定生成的,服务端只知道该去执行什么任务,但任务的定时是不确定的(是由客户制定). 这样总不能修改 ...
javascript 动态设置样式style
动态修改style 1.易错:修改元素的样式不是设置class属性,而是className属性. 2.易错:单独修改样式的属性使用"style.属性名".注意在css中属性名在ja ...
微信小程序动态设置背景
wx.setBackgroundColor(Object object) 支持版本 >= 2.1.0 动态设置窗口的背景色 wx.setBackgroundColor({backgroundCo ...
laydate动态设置MarkMinMax
laydate动态设置自定义重要日子,以及动态设备最小与最大可选日期版本:laydate5.0.2 独立版,layui组件版仅引入laydata.js方式有所区别,具体可参考https://www. ...
JAVA导出Excel通用工具类——第一篇：详细介绍POI 导出excel的多种复杂情况，包括动态设置筛选、动态合并横向（纵向）单元格等多种复杂情况——保姆级别，真的不能再详细了，代码拿来即用）
JAVA导出Excel通用工具--第一篇:详细介绍POI 导出excel的多种复杂情况,包括动态设置筛选.动态合并横向(纵向)单元格等多种复杂情况--保姆级别,真的不能再详细了,封装通用工具类,代码拿 ...

Layer动态设置每一行的背景色

Layer动态设置每一行的背景色相关推荐

最新文章

热门文章