table前端分页

来源:互联网 发布:淘宝ysl口红真假 编辑:程序博客网 时间:2024/06/05 04:47

function paiHangPage(num){
        var paiHangTbody = document.getElementById('jfrankRankTbody_153432');
        var totalPage = paiHangTbody.rows.length; //总条数
        var    pageSize = 10;//每页显示条数
        var pageNumber = Math.ceil(totalPage/pageSize); //总页数
        var currentPage = num;//当前页数
        var startRow = (currentPage-1)*pageSize;//开始显示的行
        var endRow = currentPage*pageSize;//结束显示的行
            endRow = (endRow > totalPage) ? totalPage : endRow;

        for(var i=0;i<totalPage;i++){
            var irow = paiHangTbody.rows[i];
            if(i>=startRow && i<endRow){
                irow.style.display = 'table-row';
            }else {
                irow.style.display = 'none';
            }
        }
        
        var pageHTML = "<span>"+currentPage+"/"+pageNumber+"</span>";
        if(currentPage<=1){//第一页
            pageHTML += "<a style=\"margin:0 3px;\" href=\"javascript:void(0)\" title=\"上一页\">上一页</a>";
        }else{
            var up =parseInt(currentPage)-1;
            pageHTML += "<a style=\"margin:0 3px;\" href=\"javascript:paiHangPage("+up+")\" title=\"上一页\">上一页</a>";
            
        }

        if(currentPage>=pageNumber){//最后一页
            pageHTML += "<a style=\"margin:0 3px;\" href=\"javascript:void(0)\" title=\"下一页\">下一页</a>";
        }else{
            var next =parseInt(currentPage)+1;
            pageHTML += "<a style=\"margin:0 3px;\" href=\"javascript:paiHangPage("+next+")\" title=\"下一页\">下一页</a>";
        }
        
        if(totalPage == 0){
            $("#phPageList").html('');
        }else {
            $("#phPageList").html(pageHTML);
        }
    }
0 0
原创粉丝点击