layui 表格内容显示更改

在cole 中使用temple 属性进行修改

例:

table.render({
elem: '#messageTable'
,id: 'search_table_mId'
,height: 500
,url: '/manage/article/getMessageByType'
,where: {type:${type}}
,page: true
,limit: 10
,limits : [10]
,cols: [[
{ checkbox: true, fixed: true },
{ field: 'id', title: '序号', width:'6%', sort: true, fixed: true },
{ field: 'state', title: '状态', width:'6%', templet: function(d){
if (d.state==1) { // 自定义内容
return "显示";
} else if (d.state==2) {
return "未显示";
} else {
return "暂存";
}
} },
{ field: 'createUser', title: '创建人',width:'7%'},
{ field: 'modifyUser', title: '修改人',width:'7%' },
{ field: 'createTime', title: '创建时间',width:'10%' },
{ field: 'modifyTime', title: '修改时间',width:'10%' },
{ field: 'title', title: '标题',width:'8%' },
{ field: 'content', title: '内容',width:'8%' },
{ field: 'picture', title: '图片地址',width:'8%' },
{ field: 'file', title: '文件地址',width:'8%' },
{ field: 'remark', title: '备注',width:'4%' },
{ field: 'tempmId', title: '操作', width:'15%', templet: function(d){ // 自定义属性
return '<a class="layui-btn layui-btn-xs" lay-event="edit" lay-id="'+ d.tempmId +'"><i class="layui-icon layui-icon-edit"></i>编辑</a>' +
'<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del" lay-id="'+ d.tempmId +'"><i class="layui-icon layui-icon-delete"></i>移除</a>';
}
}
posted @ 2019-01-17 08:56  迷墙!  阅读(2689)  评论(0编辑  收藏  举报