fastadmin js表格分页参数
时间: 2023-07-12 22:04:44 浏览: 224
js 表格分页
4星 · 用户满意度95%
FastAdmin 使用的是 Layui 组件库,因此表格分页参数也是基于 Layui 的。
在 FastAdmin 中,表格分页参数可以在列表页面的 JavaScript 文件中进行配置。以下是一个示例:
```javascript
// 定义分页参数
var limit = 20; // 每页显示的记录数
var curr = 1; // 当前页码
// 定义表格
var table = layui.table;
// 渲染表格
table.render({
elem: '#table', // 表格元素
url: '/admin/user/index', // 数据接口
page: {
layout: ['count', 'prev', 'page', 'next', 'skip'], // 分页布局
limit: limit, // 每页显示的记录数
curr: curr // 当前页码
},
cols: [[ // 表头
{field: 'id', title: 'ID', sort: true},
{field: 'username', title: '用户名'},
{field: 'email', title: '邮箱'},
{field: 'phone', title: '手机'},
{field: 'create_time', title: '创建时间', sort: true},
{title: '操作', toolbar: '#toolbar', width: 200}
]]
});
```
在上面的示例中,我们定义了每页显示的记录数为 20 条,当前页码为 1。然后在表格的渲染中,使用了 Layui 的表格组件,并在其中配置了分页参数。其中,`layout` 属性用于定义分页布局,`limit` 属性用于定义每页显示的记录数,`curr` 属性用于定义当前页码。
需要注意的是,在 FastAdmin 中,分页参数还可以通过 GET 请求参数进行配置。例如,如果要将每页显示的记录数改为 30 条,可以在 URL 中添加 `?limit=30` 参数。如果要将当前页码改为第 2 页,可以在 URL 中添加 `?page=2` 参数。
阅读全文