springboot+layui如何实现表格分页
时间: 2023-08-29 17:12:37 浏览: 100
要实现表格分页,可以使用Layui中的表格组件和分页组件。以下是实现步骤:
1. 在HTML中使用Layui的表格组件,如下所示:
```
<table id="dataTable" lay-filter="dataTable"></table>
```
2. 在JavaScript中初始化Layui表格,如下所示:
```
layui.use('table', function(){
var table = layui.table;
//执行渲染
table.render({
elem: '#dataTable',
url: '/data',
page: true,
limit: 10,
cols: [[
{field:'id', title:'ID'},
{field:'name', title:'姓名'},
{field:'age', title:'年龄'}
]]
});
});
```
其中,url表示数据接口的地址,page表示开启分页,limit表示每页显示的数据量,cols表示表格的列。
3. 在后端实现数据接口,返回分页数据,如下所示:
```
@GetMapping("/data")
public Page<User> getData(int page, int limit) {
Pageable pageable = PageRequest.of(page - 1, limit);
return userService.findAll(pageable);
}
```
其中,page和limit表示当前页和每页显示的数据量,Pageable是Spring Data JPA中的分页对象,userService.findAll(pageable)返回分页数据。
这样就可以实现Spring Boot和Layui结合的表格分页了。
阅读全文