layui: 表格有某个值的特定行显示特定背景色
这个是一个比较刁钻的需求。
思路:
1 利用layui的渲染完成钩子done()
2 遍历数组,得到特定行的数组下标
3 用jquery方法得到特定行的DOM,并操作
代码。
function handleTableDone(res, string) { var spe_index = -1; $.each(res.data, function (index, item) { console.log(index, item) if (item.source === '总部') { spe_index = index } }); $('div[lay-id=' + string + ']').find('tbody tr').eq(spe_index).css({'background-color': last_color}); }
table.render({ elem: '#new_table_a' , height: "auto" , cellMinWidth: 10 , even: true , page: false //开启分页 , cols: cols , data: data , done:function (res) { handleTableDone(res, "new_table_a") } });
以上。
posted on 2022-01-28 16:33 fox_charon 阅读(562) 评论(0) 编辑 收藏 举报