В моей таблице есть n рядов, и если я использую разбивку на страницы для стола, пейджер очень большой. Есть ли способ ограничить разбивку на страницы. например, разбиение на страницы должно содержать 1,2,3 и при нажатии следующей, 1,2,3 следует заменить на 4,5,6 и так далее. так что разбиение на страницы не выйдет из экрана. Я пробовал много изменений с моим кодом, и он не работает. Может ли кто-нибудь помочь мне в этом?bootstrap table pagination go out of screen
0
A
ответ
0
Я нашел плагин 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...
});
Позвольте мне знать, если это помогло.
Смежные вопросы
- 1. Обнаружение Div Out Of Screen
- 2. Bootstrap table pagination
- 3. jQuery break out of table
- 4. Pagination-Bootstrap-Table Pagination Not Working
- 5. Canvas draw out of screen bug
- 6. iOS Map pin bubble out of screen
- 7. Bootstrap table server side pagination
- 8. Can Gerrit go Out-Of-Sync
- 9. Array go out of bounds in VB
- 10. Bootstrap table и pagination pagination plugin первая страница последняя страница
- 11. Listview последний элемент видимости goin out of screen
- 12. android - out of memory in large screen - быстро изменить изображение
- 13. Bootstrap pagination
- 14. UIActivityMonitor Out of Sync
- 15. Изображения в fancybox go out of frame в IE
- 16. Android View Disappearing When Go Out Of Parent
- 17. Array Index Out Of Bounds Exception Issue
- 18. Таблица JQuery Datatables. Data out of table border
- 19. Bootstrap & Modernizr custom build white screen of death
- 20. smart-table - custom pagination
- 21. Multi table pagination
- 22. Javascript Array Table Pagination
- 23. Set Full Screen out onCreate
- 24. Pagination of SQL output
- 25. Bare Minimum of Pagination?
- 26. tableRow entries go off screen
- 27. array out of bounds error
- 28. Data-table jQuery pagination issue
- 29. bootstrap toggle in bootstrap table
- 30. Anglejs-Bootstrap pagination
Если вы хотите изменить размер: Добавить класс .pagination-lg для больших блоков или .pagination-sm для небольших блоков –
Спасибо. Но даже если я настраиваю размер, разбиение на страницы очень длительное, так как таблица может содержать более 500 строк. – Owner
Возможный дубликат [Таблица разбиения на страницы с использованием бутстрапа не работает] (http://stackoverflow.com/questions/40416972/table-pagination-using-bootstrap-is-not-working) – vanburen