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>';
            }
        }

转载于:https://www.cnblogs.com/guodonghan/p/10280412.html