layui数据表格循环数据给特殊行变颜色遇到的bug

数据表格加载玩数据后，进行颜色区分，然后再进行排序，发现颜色变化有bug

原因：

//其中res.data数据并没有变化，只是渲染数据顺序发生了变化，这时候，如此循环便会出现问题
$.each(res.data, function (i, val) {if (familyInfo.intervieweeCode != null) {if (res.data[i].memberCode == familyInfo.intervieweeCode) {$('.layui-table-main tr[data-index = ' + i + ']').css({ 'background-color': '#FF3030','color':'#fff' });$(".data-add-btn").css({ 'background-color': '#FF3030' });}} else if(str != null){if (res.data[i].memberCode == str) {$('.layui-table-main tr[data-index = ' + i + ']').css({ 'background-color': '#FF3030' });$(".data-add-btn").css({ 'background-color': '#FF3030' });}}});

解决方案：

//重新获取表格数据，进行渲染
let bData = layui.table.cache["currentTableId"];$.each(bData, function (i, val) { });

layui数据表格循环数据给特殊行变颜色遇到的bug相关推荐

php分页显示数据表格显示,php+layui数据表格实现数据分页渲染代码
一.html 二.js 说明:需要引入layui中的table和laytpl模板引擎,laytpl可以自定义事件及自定义数据字段等查看详情 {{# if (d.hotcake === '超级爆款') ...
PHP数据layui表格,基于layui和thinkphp数据表格的数据接口,layui表格局部刷新
基于layui和thinkphp数据表格的数据接口基于获得和框架数据表格的数据接口,接口程序部分,来源于网络图,但很有用前端URL : '/管理员.PHP/文章/列表' 后端公共e函数列表(){ ...
layui table数据表格中数据返回成功，但页面不显示数据内容问题
layui table数据表格中数据返回成功,但页面不显示数据内容问题. 这是我做毕业设计的时候自己遇到的问题,后来查看了网上的一些技术贴子而得到解决,所以便想总结一个大概的方法,供大家参考! 一般导 ...
datagrid数据表格当数据为0的时候页面不显示数据
如下图: datagrid数据表格当数据为0的时候页面不显示数据,为空的表格数据全是0,但是页面无法显示传递的json数据也是没问题的: 所以实在想不通,为什么easyUI datagrid 不显示 ...
layui数据表格的数据导入
毕业设计的后台的PC端管理界面是用layui框架搭的,在其中的内联框架中包含了一些数据表格,开始完全不懂该怎么导入数据,后来问了老师,老师跟我讲了才知道.我的毕业设计是用php做的后台,下面就是导入的 ...
extjs grid 整行变颜色_EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色...
第一步. 设置样式 .reportColor4{ background: #93A9C1; } .reportColor5{ background: #EEEEEE; } 第二步.修改单元格样式 he ...
ASP.NET Aries 入门开发教程6：列表数据表格的格式化处理及行内编辑
前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译对于"启用"列, ...
datatables数据表格的数据csv本地导出
最近公司做datatables的数据导出功能,由于datatables自带的flash导出和html5的button导出的csv文件,用excel2007会出现中文乱码问题,所以自己针对原来的导出功能 ...
layui数据表格如何获取id_LayUI之table数据表格获取行、行高亮等相关操作
前言目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...

layui数据表格循环数据给特殊行变颜色遇到的bug

数据表格加载玩数据后，进行颜色区分，然后再进行排序，发现颜色变化有bug

layui数据表格循环数据给特殊行变颜色遇到的bug相关推荐

最新文章

热门文章