jquery table分頁外掛程式

2021-08-30 03:25:39 字數 1644 閱讀 9730

使用方法：

（2）新建js，我的為page.js，放入以下**。

jquery.extend(


else


else


var maxright=currentpage+center-1;


if(maxright>=allpage)


else


else left=currentpage-center;


right=left+max_number-1;}}


}$("#menu").empty();


for(var i=left;i<=right;i++)   


$("#next").css("width","30px");


$("#pre").css("width","30px"); 


$("#page_currentpage_allpage").css("border","solid 1px green");


$("#page_currentpage_allpage").css("width","30px");


$("#page_currentpage_allpage").css("margin","0px 0px 0px 10px");


$("#page_currentpage_allpage").css("padding","0px 2px 0px 2px");


$("#page_currentpage_allpage").html(currentpage+"/"+allpage);


$("span:not('#pre','#next','#page_currentpage_allpage')").bind("click",{}, function ());


$("span:not('#page_currentpage_allpage')").bind("mouseover",{}, function ());


$("#pre").bind("click",{}, function ());


$("#next").bind("click",{}, function ());


}function showrow(page){


currentpage=page-0;


$(table).hide();  


var first=(currentpage-1)*pagesize;


var last=pagesize*currentpage;


if(last>row) last=row;


for(var i=first;i（3）


使用方法很簡單，頁面引用這兩個js檔案。


然後加入
jquery.page("page",5);     為主要使用方法，其中引數「page」為圍繞table的div層id，數字5為要每頁要顯示的輸入數。

（4）下面給出的是我的例子，省略（1）（2）。

id


name


1fds    2


fsdfsd


3fsdfsd


4fsdf


5sdfds


6fsdf


7sdfsd


8fsdf


9sdfsd


10fdsf
效果圖：

附有乙個jquery api.

分頁外掛程式Kaminari

rails 2.x 中最常用的分頁外掛程式是 will paginate 這個相信大家都耳熟能詳 不過到 rails 3 以後，我發現乙個更好選擇，那就是 kaminari 我選擇它，主要是看中其直觀靈活的介面定製功能，它不像 will paginate 那樣需要配置一大堆引數，而是採用 view ...

分頁外掛程式彙總

jpaginate是基於jquery的分頁外掛程式,很輕量,沒有不論什麼侵入性,當然所能做的也就很少.其實它的作用不過提供乙個好看的分頁樣式,只提供乙個觸發事件.可是輕量帶來了巨大的靈活性,讓它能夠提供不論什麼內容的分頁服務.官方站點為站點為 該專案好像到2009年就已經沒人再更新了,可是仍然相容如...

js分頁外掛程式

這是我2016年寫的乙個分頁功能，直接貼上來的。那時候 格式寫的也不規範。setpaging 分頁 param linklist html中分頁元件區域，div dom元素 param data 分頁所需資料 totalpages 總頁數，page 當前頁，perpage 每頁條目，eachpage...