引導表分頁走出屏幕

我的表有n行數，如果我使用表分頁，那麼尋呼機非常大。有沒有辦法限制分頁。例如，分頁應該包含1,2,3，然後點擊下一步，1,2,3應該被4,5,6替換，等等。這樣分頁就不會熄滅。我用我的代碼嘗試了許多更改，但無法正常工作。任何人都可以幫我解決這個問題嗎？引導表分頁走出屏幕

來源

2016-11-04 Owner

如果您只是想調整大小：爲較大的塊添加class .pagination-lg或爲較小的塊添加.pagination-sm –

謝謝。但即使我調整大小，分頁也很長，因爲表格可能包含500多行。 – Owner

[使用引導程序的表分頁不起作用]的可能重複（http://stackoverflow.com/questions/40416972/table-pagination-using-bootstrap-is-not-working） – vanburen

我發現了一個jQuery插件應該非常有幫助。這是一個link。

一旦你設置了這個代碼的東西：

<html> 
<head> 
    <script src="//code.jquery.com/jquery-2.1.3.min.js"></script> 
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
</head> 
<body> 
    <div id="content">Dynamic Content goes here</div> 
    <div id="page-selection">Pagination goes here</div> 
    <script> 
     // init bootpag 
     $('#page-selection').bootpag({ 
      total: 10 
     }).on("page", function(event, /* page number here */ num){ 
      $("#content").html("Insert content"); // some ajax content loading... 
     }); 
    </script> 
</body> 
</html>

然後，您可以使用此：

$('.demo3').bootpag({ 
    total: 500, 
    page: 3, 
    maxVisible: 3, 
    href: "#pro-page-{{number}}", 
    leaps: false, 
    next: 'next', 
    prev: null 
}).on('page', function(event, num){ 
    $(".content3").html("Page " + num); // or some ajax content loading... 
});

讓我知道，如果這有助於。

來源

2016-11-04 09:28:36 user1573470

引導表分頁走出屏幕

回答

相關問題