前端代码:<table class="layui-hide" id="demo" lay-filter="test"></table>
js代码:layui.use('table',function(){
var table = layui.table;
table.render(
elem:'#demo',
url:'数据接口',
page:'true',//是否开启分页
limits:[10,20,50],//选择每页显示多少条数据
limit:10,//初始每页显示条数
cols:[[//表头
{field:'id',width:80,title:'ID',sort:true}]
response:{
code:'',
msg:'',
count:数据总数,
data:[]
}
)
})
这里需要注意后台传递的数据格式,{'code':0,'msg':'','count':'数据总数','data':[]} 一定要是这样的模式。如果有需要可以使用上面的response 来自定义返回的数据格式。
另外如果是可以展示数据,而分页没有起作用。所有的数据直接显示在页面,那么就是后台的问题,因为你在后台没有告诉页面一次显示多少数据。所以我没要在后台设置 page(当前页面) 和 limit(每页显示多少条).这两个参数是layui默认传递到后台的。你只需要直接获取即可。然后根据这两个参数设置查询数据的条数。这样页面分页就会起作用。最后附上的我demo.