1 pièce(s) jointe(s)
Rendre une pagination responsive
Bonjour a tous
encore toute une journée a chercher après une chose spéciale et ou je suis resté sans réponse
je me casse la tête a tenter de rendre responsive une pagination
les paginations automatique que j'ai trouvé sont superbe
car les onglets de paginations se crée au fur et a mesure des éléments a paginer
si on a pas beaucoup d articles on a que quelques onglets
mais dans mon cas je dois paginer + de 160 articles
donc cela me fait par incrément de 10
16 onglets
ce que je souhaiterais c'est de savoir comment réaliser
ceci
1/2/3.....14/15/16
voici ce qui se passe pour l instant en responsive
comment résoudre le soucis si possible sans javascript
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <div class="container" style=" max-width: 100%;margin:auto;">
<nav>
<ul class="pagination">
<!-- Lien vers la page précédente (désactivé si on se trouve sur la 1ère page) -->
<li class="page-item <?= ($currentPage == 1) ? "disabled" : "" ?>">
<a href="?page=<?= $currentPage - 1 ?>" class="page-link">Précédente</a>
</li>
<?php for($page = 1; $page <= $pages; $page++): ?>
<!-- Lien vers chacune des pages (activé si on se trouve sur la page correspondante) -->
<li class="page-item <?= ($currentPage == $page) ? "active" : "" ?>">
<a href="?page=<?= $page ?>" class="page-link"><?= $page ?></a>
</li>
<?php endfor ?>
<!-- Lien vers la page suivante (désactivé si on se trouve sur la dernière page) -->
<li class="page-item <?= ($currentPage == $pages) ? "disabled" : "" ?>">
<a href="?page=<?= $currentPage + 1 ?>" class="page-link">Suivante</a>
</li>
</ul>
</nav>
</div> |
Pièce jointe 609927
