layui 表格模板

 t = {
            elem: '#factoryTable',
            url:AjaxUtil.constantUrl.TEST_FACTORY_LIST + "?token=" + AjaxUtil.getToken(),
            page: {
            layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'],
            groups: 2, 
            first: "首页", 
            last: "尾页",
            limits: [3, 10, 20, 30]
             },
            cols: [[
                {field: 'code', title: '工厂编码', width:'10%', align:'center', sort: true, fixed: true},
                {field: 'name', title: '工厂名称', width:'10%', align:'center', sort: true, fixed: true},
                {field: 'address', title: '地址', width:'15%', align:'center', sort: true},
                {field: 'createName', title: '创建人', width:'10%', align:'center', sort: true},
                {field: 'createTime', title: '创建时间', width:'10%', align:'center', sort: true,
                 templet: function(d) {
                        var result = '';
                        if(d.createTime != null) {
                            result = window.utils.DateUtil.formatDate(d.createTime, 'yyyy-MM-dd hh:mm:ss');
                        }
                        return result;
                    }
                },
                {field: 'updateName', title: '更新人', width:'10%', align:'center', sort: true},
                {field: 'updateTime', title: '更新时间', width:'10%', align:'center', sort: true,
                 templet: function(d) {
                        var result = '';
                        if(d.updateTime != null) {
                            result = window.utils.DateUtil.formatDate(d.updateTime, 'yyyy-MM-dd hh:mm:ss');
                        }
                        return result;
                    }
                 },
                 {
                    title: '操作',
                    align: 'center',
                    toolbar: '#factoryBar',
                    width: '10%',
                }
            ]],
             done: function() {
                //验证权限
                PermissionUtil.authPermission();
            }
       };

cols fixed属性可使列不随滚动
templet可自定义列处理函数

猜你喜欢

转载自blog.csdn.net/qq_15812507/article/details/80755942