数据表格加载玩数据后,进行颜色区分,然后再进行排序,发现颜色变化有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) { });