Partage
  • Partager sur Facebook
  • Partager sur Twitter

Comment rendre ma pagination responsive

Sujet résolu
    8 décembre 2021 à 21:42:38

    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


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





    • Partager sur Facebook
    • Partager sur Twitter

    Comment rendre ma pagination responsive

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown