I'm currently utilizing the bootstrap pagination feature.
My goal is to achieve this particular layout: https://i.sstatic.net/HyQkI.png
Unfortunately, I am stuck and unsure how to proceed. Here is the code snippet I have:
<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>
This is the current appearance on my screen:
https://i.sstatic.net/8Akz8.png
I would like to know how to include the "of" word so that the last page always shows up?
Appreciate any assistance that can be provided!