layui的table.render使用

时间:2021-07-10
本文章向大家介绍layui的table.render使用,主要包括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" }
        ]]
    });
365个夜晚,我希望做到两天更一篇博客。加油,小白!

原文地址:https://www.cnblogs.com/qq2806933146xiaobai/p/14993370.html