前言：最近專案上使用layui做前端頁面，發現layui的table本身的分頁不能根據螢幕生成每頁行數，所以研究了下文件，更改分頁
簡單解釋：
1.最開始是根據螢幕計算載入的每頁行數
2.framework可以糊了，由於是老專案還使用了sea.js
3.getUrlParam（）是用於其他頁面帶引數跳轉的也可以忽略

 function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構造一個含有目標引數的正則表示式物件
 

        var r = window.location.search.substr(1).match(reg);  //匹配目標引數
        if (r != null) return decodeURI(r[2]); return null; //返回引數值
    }

4.templet屬性用於對後端接收到的資料進行格式化，其他屬性請自行檢視官方文件
5.laypage中的jump方法!first必須加，否則會無限呼叫介面，無法結束初始化

具體js程式碼如下：

 function getData(page) {
        var rows = Math.floor(($(window).height() - $('.topNav'
 
).height()
            - $('.content .noBorderB').height()
            - $('.content .searchD').height()
            - $('.content .commonTb tr:eq(0)').height() - 100) / 30);
        rows = rows <= 0 ? 1 : rows;
        framework.hideLoading();
        var objectIdSearch = getUrlParam("objectId");
        if
 
(objectIdSearch==''||objectIdSearch==undefined){
            objectIdSearch = $.trim($("#idSearch").val());
        }
        var pages=1;
        var counts=1;

        layui.use('table', function(){
            var table = layui.table;
            var laypage=layui.laypage;
            table.render({
                elem: '#test'
                // , url: {
                ,url:'/app/client/user/audio/listp'
                ,method:"get"
                ,where: {
                    pageNo : page,
                    pageSize : rows,
                    objectId : objectIdSearch ,
                    userId : $.trim($("#userIdSearch").val()),
                    userName : $.trim($("#userNameSearch").val()),
                    objectName : $.trim($("#audioNameSearch").val()),
                    chapterName : $.trim($("#chapterNameSearch").val()),
                    createTime : $.trim($("#createTime").val())
                }
                ,response:{
                    statusName: 'page' //資料狀態的欄位名稱，預設：code
                    ,statusCode: page //成功的狀態碼，預設：0
                    ,countName: 'records' //資料總數的欄位名稱，預設：count
                    ,dataName: 'rows' //資料列表的欄位名稱，預設：data
                }
                // }
                , cellMinWidth: 80 //全域性定義常規單元格的最小寬度，layui 2.2.1 新增
                , cols: [[
                    {field: 'id', title: 'ID', align: 'center', sort: true,width:80}
                    , {field: 'audioBook',width:80, align: 'center', title: '有聲書ID', templet: function(d){
                            return d.audioBook.id
                        }} //width 支援：數字、百分比和不填寫。你還可以通過 minWidth 引數區域性定義當前單元格的最小寬度，layui 2.2.1 新增
                    , {field: 'audioBook',width:124, align: 'center', title: '有聲書名稱', sort: true,templet: function(d){

                        return d.audioBook.name
                        }}
                    , {field: 'objectType',width:80, align: 'center', title: '型別' , templet: function(d){
                        if(d=='20'){
                            return "有聲書"
                        }else{
                            return "課程"
                        }
                    }}
                    , {field: 'chapter',width:80, align: 'center', sort: true,title: '章節ID', templet: function(d){
                        return d.chapter.id
                    }}
                    , {field: 'chapter.title',width:180, title: '章節名稱', align: 'center', templet: function(d){
                        return d.chapter.title
                    }} //單元格內容水平居中
                    , {field: 'payTimes',width:120, title: '購買次數', sort: true, align: 'center'} //單元格內容水平居中
                    , {field: 'createTime',width:180, title: '購買時間', sort: true, align: 'center', templet: function(d){
                        return longTrans2Date(d.createTime)
                    }}
                    , {field: 'userInfo',width:80, title: '使用者ID', sort: true, align: 'center', templet: function(d){
                        return d.userInfo.userId
                    }}
                    , {field: 'userInfo',width:160, title: '使用者名稱稱', sort: true, align: 'center', templet: function(d){
                        return d.userInfo.userName
                    }}
                ]]
                , done: function(res, curr, count){
                    pages=res.page;
                    counts=res.records;
                    //完整功能
                    laypage.render({
                        elem: 'demo7'
                        ,count: counts
                        ,curr: pages
                        ,limit:rows
                        ,layout: ['count', 'prev', 'page', 'next', 'refresh', 'skip']
                        ,jump: function(obj,first){
                            // getData(obj.curr)
                            if(!first){
                                getData(obj.curr)
                            }
                        }
                    });

                }
            });

        })

    }