本文实例为大家分享了layui实现数据分页功能,供大家参考,具体内容如下
官网layui table演示页面
示例截图:
页面引入layui.css、 layui.js
前台js
var limitcount = 10;
var curnum = 1;
//列表查询方法
function productsearch(productGroupId,start,limitsize) {
layui.use(['table','laypage','laydate'], function(){
var table = layui.table,
laydate=layui.laydate,
laypage = layui.laypage;
table.render({
elem: '#layui_table_id'
, url: '/xx/pListQuery.html?pId='+productGroupId+'¤tPage='+ start+'¤tNumber=' + limitsize
/*, where:{pagename:start,pagelimit:limitsize} //传参*/