簡體   English   中英

Bootstrap 3表分頁(最大頁數)

[英]Bootstrap 3 table pagination (max pages)

我試圖找出如何更改此插件,以便我可以定義要立即顯示的頁數。

Bootstrap 3表分頁插件

我的意思是:如果我的表有100個項目/行,並且我想在每頁顯示10個項目,這意味着我將在頁面中共有10個頁面。

<< 1 2 3 4 5 6 7 8 9 10 >>

如何更改該插件,以便我可以一次看到5個頁面(而不是全部10個頁面)

<< 1 2 3 4 5 >>

如果你滾動到第6頁,它將是:

<< 2 3 4 5 6 >>

等等......

請參閱此更新的Bootply: http ://bootply.com/93506

添加新的numbersPerPage設置。 然后,相應地隱藏/顯示尋呼機頁碼鏈接(li)。 一旦插件初始化..

if (settings.numbersPerPage>1) {
   $('.page_link').hide();
   $('.page_link').slice(pager.data("curr"), settings.numbersPerPage).show();
}

當頁面發生變化時再次進入goToPage()函數..

if (settings.numbersPerPage>1) {
    $('.page_link').hide();
    $('.page_link').slice(page, settings.numbersPerPage+page).show();
}

這是制作Bootstrap可重用“尋呼機”功能的另一個例子。 然后你只需傳遞表格和每頁的項目數量。

$('#myTable').pageMe({pagerSelector:'#myPager',showPrevNext:true,hidePageNumbers:false,perPage:5});

http://www.codeply.com/go/bVuylrC5Oq

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM