如何将分页添加到用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++){

如何将分页添加到用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++){

                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;我有任何答案可以解决您的问题吗?如果有,请选择正确的答案。