#javascript #vue.js #pagination #bootstrap-vue
#javascript #vue.js #разбивка на страницы #bootstrap-vue
Вопрос:
Я использую разбиение на страницы с начальной загрузкой.
Это то, чего я пытаюсь достичь:
Я понятия не имею, как это сделать, это мой код:
<b-pagination v-model="currentPage" :total-rows="notices.length" :per-page="perPage" hide-goto-end-buttons limit="2" ellipsis-text="of">
<template v-slot:prev-text><IconPaginationPrev /></template> <!--using a different icon here-->
<template v-slot:next-text><IconPaginationNext /></template> <!--using a different icon here-->
</b-pagination>
Вот как это выглядит с моей стороны:
Как я могу добавить это слово «of», тогда последняя страница всегда будет там?
Спасибо и надеюсь на помощь!
Ответ №1:
Собственный bootstrap предоставляет такие опции. В качестве альтернативы вы можете создать простой пейджер, подобный тому, который вам нужен, и сопоставить его события навигации по страницам с данными таблицы.