layui的table.render使用

 var tableIns = table.render({
        elem: '#recordList',  // 指向页面组件id
        where: { UId: 1 },  // 传递参数
        url: '/Manager/GetList/',  // 异步获取数据
        cellMinWidth: 95,
        page: true,  // 开启分页
        height: "full-125",
        limits: [10, 15, 20, 25],
        limit: 10,   // 每页条数
        id: "recordListTable",  // 本表id
        cols: [[
            { type: "checkbox", fixed: "left", width: 50 },
            { field: "ID", title: 'ID', width: 120, minWidth: 90, align: "center" },
            { field: 'Time', title: '日期', minWidth: 180, align: "center" },
            { field: 'Name', title: '名字', minWidth: 180, align: "center" },
            { field: 'Content', title: '内容', minWidth: 400, align: 'center' },
            { field: 'IsLock', title: '是否锁定', minWidth: 100, fixed: "right", align: "center", templet: '#IsLock' },
            { title: '操作', minWidth: 150, templet: '#recordListBar', fixed: "right", align: "center" }
        ]],
done: function () { $("[data-field='ID']").css('display','none'); } // 列隐藏 });

 

posted @ 2021-07-10 11:00  ꧁执笔小白꧂  阅读(9544)  评论(0编辑  收藏  举报