la pagination centrée

This commit is contained in:
Christophe 2021-08-25 12:17:55 +02:00
parent a36ac56627
commit b719d9b572
2 changed files with 2 additions and 2 deletions

View file

@ -664,7 +664,7 @@ let monTableau = {
<button type="button" class="page-link" v-if="page != 1" @click="page--"> Précédent </button> <button type="button" class="page-link" v-if="page != 1" @click="page--"> Précédent </button>
</div> </div>
<div class="page-item"> <div class="page-item">
<button type="button" class="page-link" :class="{'on':pageNumber===page}" v-for="pageNumber in pages.slice(page-1, page+5)" @click="page = pageNumber"> {{pageNumber}} </button> <button type="button" class="page-link" :class="{'on':pageNumber===page}" v-for="pageNumber in pages.slice(page-4 < 0 ? 0 : page-4, page+3)" @click="page = pageNumber"> {{pageNumber}} </button>
</div> </div>
<div class="page-item"> <div class="page-item">
<button type="button" @click="page++" v-if="page < pages.length" class="page-link"> Suivant </button> <button type="button" @click="page++" v-if="page < pages.length" class="page-link"> Suivant </button>

File diff suppressed because one or more lines are too long