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 @   ꧁执笔小白꧂  阅读(9590)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
历史上的今天:
2019-07-10 html根据下拉框选中的值修改背景颜色
点击右上角即可分享
微信分享提示