如何将分页添加到用javascript开发的动态表中?
如何将分页添加到用javascript开发的动态表中如何将分页添加到用javascript开发的动态表中?,javascript,pagination,Javascript,Pagination,如何将分页添加到用javascript开发的动态表中 function printing_numbers(sum){ elements = document.getElementById('OMG3').innerHTML= ""; if(sum==0){document.getElementById('OMG3').innerHTML= "";} if(sum>5){ for(i=1; i<= sum; i++){
function printing_numbers(sum){
elements = document.getElementById('OMG3').innerHTML= "";
if(sum==0){document.getElementById('OMG3').innerHTML= "";}
if(sum>5){
for(i=1; i<= sum; i++){
elements =
document.getElementById('OMG3').innerHTML += '<button type="button" onclick="myfun('+i+','+sum+')" id='+i+' style=" margin:1px auto; float:left; padding:5px 5px;" class="inactive">'+i+'</button>';
document.getElementById('OMG3').style.cssFloat +="left";
document.getElementById('OMG3').style.border +="0";
document.getElementById('OMG3').style.backgroundColor +="none";
}
}else if(sum > 1){
for(i=1; i<= sum; i++){
elements =
document.getElementById('OMG3').innerHTML += '<button type="button" onclick="myfun('+i+','+sum+')" id='+i+' style=" margin:1px auto; float:left; padding:5px 5px;" class="inactive">'+i+'</button>';
document.getElementById('OMG3').style.cssFloat +="left";
document.getElementById('OMG3').style.border +="0";
document.getElementById('OMG3').style.backgroundColor +="none";
}
}
}
函数打印\u编号(总和){
elements=document.getElementById('OMG3')。innerHTML=“”;
if(sum==0){document.getElementById('OMG3').innerHTML=“”;}
如果(总和>5){
对于(i=1;i 1){
对于(i=1;i请查看此免费jQuery库,它可以做您想要做的一切以及更多:
它的工作原理是从DOM中调用一个普通的HTML表,然后将其转换为一个动态表
您还可以将您的won样式添加到其中,使其适合您的站点,以下是Bootstrap 3实现:
(很抱歉只提供链接,这对于评论来说有点长)基本思想是一次只显示内容的一个子集。这意味着您需要将当前页码和显示的数据量存储在某个位置(例如在URL中作为参数)
例如,在伪代码中
//let's say that you have your result array stored in the variable "results"
var page = 1; //first page
var amount = 20; //the amount of results to be shown
现在当你显示结果的时候呢
for(var i=0; i<results.length; i++){
if(i < page*amount && i <= page*amount - amount){
resultsToShow.push(results[i]);
}
}
showResults(resultsToShow);
for(var i=0;我有任何答案可以解决您的问题吗?如果有,请选择正确的答案。