layui是一个前端 UI 框架,内置了js代码,所以我们可以直接使用内置的分页
1.进入手册页面的 ”示例“
2.在示例中找到 “数据表格” -> “开启分页” -> "查看代码" 。这就是layui内置的分页代码,复制到编辑器即可;
3.注意红色框中的两个引入文件的地址,(如果没有layui文件,可以去官网下载)
4.修改上图黄色框中的内容,意思分别是
elem:展示数据的table表格,
url:地址/接口,
cols:展示内容,
field:获取回来的数据字段名,
width:单元格的宽度,
title:表格的表头名,
sort:给该列使用排序功能,<