html5表格分页,JS表格分页

// 纯js分页分页函数

// 参数:表对象,当前页码,每页行数,表头行数,表尾行数,分页对象

function pageSplit(obj, pno, psize, headNum, footNum,obj1) {

var itable = document.getElementById(obj);

var num = itable.rows.length;//表格行数

var realNum = num - headNum - footNum;//实际数据行数

var pageSize = psize;//每页显示行数

if(realNum <= pageSize) {

return;

}

var totalPage = parseInt((realNum+pageSize-1)/pageSize);//总页数

var currentPage = pno;//当前页码

var startRow = (currentPage - 1) * pageSize + 1;//开始显示的行

var endRow = currentPage * pageSize + 1;//结束显示的行

endRow = (endRow > num) ? num : endRow;

//前headNum行始终显示

for (i = 0; i < headNum; i++) {

var irow = itable.rows[i];

irow.style.display = "block";

}

for (var i = headNum; i < num - footNum; i++) {

var irow = itable.rows[i];

if (i >= startRow && i < endRow) {

irow.style.display = "block";

} else {

irow.style.display = "none";

}

}

//后footNum行始终显示

for (i = num - footNum; i < footNum; i++) {

var irow = itable.rows[i];

irow.style.display = "block";

}

var tempStr = "共" + currentPage + "/" + totalPage + "页";

if (currentPage > 1) {

tempStr += "首页";

tempStr += "上一页";

}

else {

tempStr += "首页";

tempStr += "上一页";

}

if (currentPage < totalPage) {

tempStr += "下一页";

tempStr += "尾页";

}

else {

tempStr += "下一页";

tempStr += "尾页";

}

document.getElementById(obj1).innerHTML = tempStr;

}

// 纯js分页分页函数

// 参数:表对象,当前页码,每页行数,表头行数,表尾行数,分页对象

function pageSplit(obj, pno, psize, headNum, footNum,obj1) {

var itable = document.getElementById(obj);

var num = itable.rows.length;//表格行数

var realNum = num - headNum - footNum;//实际数据行数

var pageSize = psize;//每页显示行数

if(realNum <= pageSize) {

return;

}

var totalPage = parseInt((realNum+pageSize-1)/pageSize);//总页数

var currentPage = pno;//当前页码

var startRow = (currentPage - 1) * pageSize + 1;//开始显示的行

var endRow = currentPage * pageSize + 1;//结束显示的行

endRow = (endRow > num) ? num : endRow;

//前headNum行始终显示

for (i = 0; i < headNum; i++) {

var irow = itable.rows[i];

irow.style.display = "block";

}

for (var i = headNum; i < num - footNum; i++) {

var irow = itable.rows[i];

if (i >= startRow && i < endRow) {

irow.style.display = "block";

} else {

irow.style.display = "none";

}

}

//后footNum行始终显示

for (i = num - footNum; i < footNum; i++) {

var irow = itable.rows[i];

irow.style.display = "block";

}

var tempStr = "共" + currentPage + "/" + totalPage + "页";

if (currentPage > 1) {

tempStr += "首页";

tempStr += "上一页";

}

else {

tempStr += "首页";

tempStr += "上一页";

}

if (currentPage < totalPage) {

tempStr += "下一页";

tempStr += "尾页";

}

else {

tempStr += "下一页";

tempStr += "尾页";

}

document.getElementById(obj1).innerHTML = tempStr;

}