layuitable渲染后改变背景⾊或颜⾊
⼀、table列表渲染
1、jsp
<div class="main_list" id="main_list">
<table class="layui-hide" id="table_list" lay-filter="table_list"></table>
</div>
2、js
function query() {
var querystr = "page_goto=1";
querystr += "&page_size=8";
querystr += "&event_id="+event_id;
querystr += "&update_time="+update_time;
layui.use('table', function(){
var table = layui.table;
//第⼀个实例
elem: '#table_list'
,url: sys_ctx + '/baseloginfo/default.do?method=getEventLogDetail&'+ querystr
,cols: [[ //表头
{field: 'column_name', title: '字段名称', width:'13%'},
{field: 'field_before', title: '修改前', width:'25%',templet:function (d) {
var tmp = "";
lumn_name=="上报图⽚"){
tmp="查看图⽚";
} else {
tmp=d.field_before;
}
return tmp;
}},
{field: 'field_after', title: '修改后', width:'25%',templet:function (d) {
var tmp = "";
lumn_name=="上报图⽚"){
tmp="查看图⽚";
} else {
tmp=d.field_after;
}
return tmp;
}},
{field: 'update_name', title: '修改⼈', width:'15%'},
{field: 'create_date', title: '修改时间', width:'20%'}
]],done:function (res, curr, count) {
//判断某⼀列是图⽚的话，给下划线
var re = res.data;
if(re.length>0){
$.each(re,function (ii,dd) {
lumn_name=="上报图⽚"){
$($(".layui-table-body.layui-table-main tr")[ii]).css("text-decoration", "underline");
$($("div .layui-table-fixed.layui-table-fixed-l .layui-table-body tr")[ii]).css("text-decoration", "underline");                        }
})
}
}
,page:false
});
//监听⾏单击事件（单击事件为：rowDouble）
<('row(table_list)', function(obj){
var data = obj.data;
var name = JSON.lumn_name);
var column_name = place(/"/g,"");
var field_before = rep(JSON.stringify(data.field_before));
var field_after = rep(JSON.stringify(data.field_after));
3
tabletime、列表效果图
      　//判断如果table ⾏是图⽚的话，可点击事件
if (column_name=="上报图⽚"){
type : 2,
title : "图⽚查看",
shadeClose : true ,
shade : 0.8,
zIndex : p.layer.zIndex,
area: ['668px', '398px'],
content : sys_ctx + '/base/system/baseloginfo/logEventDetail/logEventFJ.jsp?field_before='+field_before+'&field_after='+field_after,                    end: function (){
}
});
}
return  false ;
//标注选中样式
});
});
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。