[RESOLU] Comment rendre ma pagination responsive

Mammouth du PHP | 506 Messages

08 déc. 2021, 22:39

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 : Tout sélectionner

<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>
Image

Mammouth du PHP | 506 Messages

09 déc. 2021, 02:32

il fallait juste supprimer la boucle et la remplacer par des pages