laravel与Layui-table结合

laravel中paginate(number)是具有分页功能的函数
Layui中

 table.render({
    elem: '#demo'
    ,height: 312
    ,url: '/demo/table/user/' //数据接口
    ,limit:4
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'username', title: '用户名', width:80}
      ,{field: 'sex', title: '性别', width:80, sort: true}
      ,{field: 'city', title: '城市', width:80} 
      ,{field: 'sign', title: '签名', width: 177}
      ,{field: 'experience', title: '积分', width: 80, sort: true}
      ,{field: 'score', title: '评分', width: 80, sort: true}
      ,{field: 'classify', title: '职业', width: 80}
      ,{field: 'wealth', title: '财富', width: 135, sort: true}
    ]]
  });

其中Layui中limit:number表示每页显示多少条数据，更具体的如下：

,page:{
	layout: [ 'prev', 'page', 'next', 'count','limit', 'refresh', 'skip']//自定义布局顺序 
	,limit:4	//初始  每页几条数据
	,limits:[4]	//可以选择的 每页几条数据 
	,groups:2 	//最多几个跳页按钮
	,first: true //不显示首页
	,last: true //不显示尾页
}

只要确保laravel中paginate(number)与Layui中limit:number的数据保持一致即可，其他的不用设置。

PS：
Layui table数据表格的分页，默认是有一个下拉框，让你选择每页显示的条数。有时我们在用layui table开发时，不要这个下拉框，应该怎么隐藏，就是在layui table的done里，隐藏就行，关键js代码如下：

layui.use('table', function(){
      var table = layui.table;
      // 渲染layui table 表格
      table.render({
          // ...
         elem: '#demo'
        ,url: '/demo/table/user/'
        ,page: true
          // ...
        ,done: function(res, curr, count){
             $('.layui-laypage-limits').hide();
        }
      })
 })

其中 $(‘.layui-laypage-limits’).hide();实现了隐藏table下拉框功能。