layui数据表格数据绑定加分页代码

layui数据表格数据绑定加分页代码

最近使用layui数据表格感觉特别方便,一段代码直接绑定数据加上分页加载数据 直接上代码

layui.use(['table', 'laypage'], function() {
				var laypage = layui.laypage,
					table = layui.table;
					
					table.render({
            elem: '#demo'
            , url: '/api/user/getUsers'//请求的数据接口
            , toolbar: false
            , defaultToolbar: false
            , page: true,
            id: 'dataTableMain'
            //加载数据
            , cols: [[
                {type: 'checkbox', title: '全选',field:'cb1111'}
                , {field: 'loginAccount', title: '账号'}
                , {field: 'userCompany', title: '公司'}
                , {field: 'linkman', title: '联系人'}
                , {field: 'userPhone', title: '联系电话'}
                , {field: 'userEmail', title: '邮箱'}
                , {field: 'userType', title: '营业执照'},
                {title: '审核', toolbar: '#demoBar'}
            ]],
            response: {
                statusName: 'code'
                , statusCode: 10000
                , msgName: 'msg'
                , countName: 'count'
                , dataName: 'data'
            },
            request: {
                pageName: 'currentPage',
                limitName: 'size'
            }
            //转换数据格式
            , parseData: function (res) {
							console.log(res)
                return {
                    "code": res.code,
                    "msg": res.message,
                    "count": res.data.total,
                    "data": res.data.records
                };
            }
//请求条件
            , where: {isDelete: 0}
        });
		})

 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值