首页 > layui 表格内容写temple函数_layui 表格内容显示更改

layui 表格内容写temple函数_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 '编辑' +

'移除';

}

}

更多相关: