记录工作学习的前端layui表格使用

 function tablelist() {
        layui.use(['table'], function () {
            var table = layui.table;
            table.render({
                elem: '#tableData'
                , method: 'post'
                , title: '历史文档列表'
                , url: "doc/document/history/list"
                , where: {documentUuid: documentUuid}
                , width: 832
                , cols:
                    [
                        [
                            {type: 'numbers', title: '序号', width: 54, align: 'center', style: 'font-size:10px'},
                            {field: 'documentVersion', title: '版本号', width: 70, align: 'center'},
                            {field: 'title', title: '标题', width: 200, align: 'center'},
                            {field: 'documentNo', title: '文号', width: 90, align: 'center'},
                            {
                                field: 'publishTime',
                                title: '印发时间',
                                width: 80,
                                align: 'center',
                                templet: function (res) {
                                    return res.publishTime[0] + "-" + res.publishTime[1] + "-" + res.publishTime[2]
                                }
                            },
                            {
                                field: 'uploadTime',
                                title: '上传时间',
                                width: 80,
                                align: 'center',
                                templet: function (res) {
                                    return res.uploadTime[0] + "-" + res.uploadTime[1] + "-" + res.uploadTime[2]
                                }
                            },
                            {field: 'staffName', title: '上传人', width: 68, align: 'center'},
                            {field: 'updateReason', title: '更新原因', width: 105, align: 'center'},
                            {title: '操作', width: 75, align: 'center', toolbar: '#button'}
                        ]
                    ]
            });
        })
    }
</script>