項目中需要進行數據高亮標記,點擊左側數據,右側有關聯的數據高亮顯示,效果如下:
代碼如下:
左側列表:
//監聽行單擊事件
table.on('row(companyTable)', function(obj){
$('.layui-table tr').css("color","");//取消顏色
$(this).css("color", "red");//添加行顏色
//obj.del(); //刪除當前行
//obj.update(fields) //修改當前行數據
createSpaceTable(obj.data.ENTERPRISE_NAME,obj.data.UUID);
});
右側列表:
{field:'ENTERPRISE_INFO_UUID', title: '標識',width:200,templet:function (e) {
if(e.ENTERPRISE_INFO_UUID == uuid){//拼接變色代碼
return '<span style="color:red">'+e.ENTERPRISE_INFO_UUID+'</span>';
}else{
return e.ENTERPRISE_INFO_UUID;
}
}},