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}
});
})