layui指定单元格变色

网上找了一堆,全是复制粘贴的,不仅没用还浪费时间,自己这边研究了下代码,这样写可以
在表格的回调done里面这样

done: function (res, page, count) {tr = that.find(".layui-table-box tbody tr[data-index='" + 6+ "']");//这里是指定行,第6行dyg= tr.children()[6];//这里是指定格子,第6格dyg.style.backgroundColor= '#颜色';//然后变色}

这是所有行的指定格变色

done: function (res, page, count) {var that = this.elem.next();res.list.forEach(function (item, index) {tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']")dyg= tr.children()[6];//这里是指定格子,第6格dyg.style.backgroundColor= '#颜色';//然后变色    });$('.layui-table-cell').css({ 'height': 'auto' });}

这里是进阶版,根据条件来变色

                    done: function (res, page, count) {var that = this.elem.next();console.log(that)res.list.forEach(function (item, index) {if (item['表格名'] == "条件") {that.find(".layui-table-box tbody tr[data-index='" + index + "']").css("background-color", "#颜色");//行变色}tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']");trs = that.find(".layui-table-box tbody tr[data-index='" + index + "']").children();for (var i = 0; i < trs.length; i++) {if (trs[i].dataset.field == '表名字' && trs[i].outerText=='表格里面的值') {trs[i].style.backgroundColor = '#颜色';}}});$('.layui-table-cell').css({ 'height': 'auto' });}

layui指定单元格变色相关推荐

EXT 单元格变色，跨行跨列
单元格变色 {header: "年度目标达成率", dataIndex: 'year_reach_rate',width: 130, align: 'center',rendere ...
TileList自动滚动指定单元格，可视部分
TileList自动滚动指定单元格,可视部分 TileList1.scrollToIndex(50)
VBA赋值给指定单元格
这是一个Range对象基本操作实例,对指定单元格赋值,然后使用弹窗获取值. 代码如下: Sub test1() Worksheets("Sheet1").Range("A ...
excel引用指定单元格数据_Excel数据查找引用函数详解，一看就会用 #办公技巧 #excel #职场
Lookup函数简介:在查找区域中搜索查找对象,并映射到结果区域,返回相同位置的值 Lookup函数 =LOOKUP(D2,A2:A6,B2:B6) 结果将找出与产品编号为1003相对应的产品名称 ...
POWERSHELL基于ConvertTo-Htm指定单元格效果css风格html报表
基于ConvertTo-Htm的css风格和指定单元格效果html报表的生成 PowerShell本身具有一个简单但是很实用的命令 ConvertTo-Htm,可以把整个对象转换成HTML格式.事实上 ...
Py之Xlrd：Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数、获取整行和整列的值（列表）、指定单元格的内容/数据类型)之详细攻略
Py之Xlrd:Xlrd的使用方法总结(获取的sheet名字/sheet索引/sheet内容/数和列数.获取整行和整列的值(列表) .指定单元格的内容/数据类型)之详细攻略目录 Xlrd的使用方法总 ...
java鼠标经过时变色_鼠标经过时单元格变色
鼠标经过时单元格变色 table{ color:#565; font:12px Arial, Helvetica, sans-serif; } td{ border-bottom:2px solid ...
CSS+JS鼠标悬停单元格变色
又一款鼠标悬停表格单元格,表格变色的实例效果,运用了CSS和JS两者技术的结合,因些兼容性非常好,而且易于控制,代码修改方便,跟表格读取动态数据没有任何关系,比较方便. <html> &l ...
单元格变色和图片透明
用单元格变色的方法来做网页导航,在网上可以经常看到,但代码有简有繁,如果运用样式表来实现,将可以节约很多代码,特别是当有很多行需用这种效果时: 1 .aa { background-color:# ...

layui指定单元格变色

layui指定单元格变色相关推荐

最新文章

热门文章