layui的table.render使用

原创

Bili执笔小白 2024-08-09 14:04:26 博主文章分类：前端-Layui ©著作权

文章标签 css 获取数据分页 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者Bili执笔小白的原创作品，请联系作者获取转载授权，否则将追究法律责任

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'); }  // 列隐藏
    });

作者：꧁执笔小白꧂