數據表格加載玩數據后，進行顏色區分，然后再進行排序，發現顏色變化有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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。