需要分页,找了很长时间没有看到比较详细的教程。
写一个。
效果:
具体实现
// 通过接口获取数据并渲染
layui.use('table', function () {
var table = layui.table;
table.render({
// 渲染的地方
elem: '#userList'
// , height:
, url: '{{:url("admin/xadmin/get_user_list")}}' //数据接口
, page: true //开启分页
, cols: [[ //表头
{field: 'id', title: 'ID', width: 80, sort: true,}
, {field: 'name', title: '用户名', width: 80}
]]
});
});
```
后台的:
```php
// 获取用户列表数据
public function layui_page($) {
// 获取表里有多少数据
$count = db('user')
->count();
// 获取前端提交的 limit
$limit = input('get.limit');
// 获取第几页
$page = input('get.page');
// 若没有提交默认为10
$limit = !$limit ? 10 : $limit;
// 若没有提交默认为1
$page = !$page ? 1 : $page;
// 计算起始位置
$tol = ($page-1) * $limit;
$list = db('user')
->limit($tol ,$limit)
->select();
return [
// 不晓得是啥
'code' => 0,
// 不晓得是啥
'msg' => '',
// 表里的数据量
'count' => $count,
// 数据
'data' => $list,
];
}
参看layui的数据表格手册