项目中需要进行数据高亮标记,点击左侧数据,右侧有关联的数据高亮显示,效果如下:
代码如下:
左侧列表:
//监听行单击事件
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;
}
}},