layui数据表格开启分页
时间: 2023-03-20 19:03:47 浏览: 131
您好!关于layui数据表格开启分页的问题,可以通过以下步骤来实现:
1. 在HTML页面中引入layui的CSS和JS文件
```
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
```
2. 在HTML页面中添加一个table元素,并设置id属性
```
<table id="myTable"></table>
```
3. 在JS代码中定义数据,并渲染表格
```
var data = [
{id: 1, name: '张三', age: 18},
{id: 2, name: '李四', age: 20},
{id: 3, name: '王五', age: 22},
{id: 4, name: '赵六', age: 24},
{id: 5, name: '钱七', age: 26}
];
layui.use('table', function(){
var table = layui.table;
//渲染表格
table.render({
elem: '#myTable',
data: data,
cols: [[
{field: 'id', title: 'ID'},
{field: 'name', title: '姓名'},
{field: 'age', title: '年龄'}
]],
page: true //开启分页
});
});
```
以上就是使用layui数据表格开启分页的简单示例,希望对您有帮助!
阅读全文