tengo que realizar un pequeño ajusto en un sitio web, el problema viene en la paginacion.
Por ejemplo tengo una paginacion con 11 botone, estos 1 no los tengo que mostrar de una sola ves, sino que tengo por ejemplo tengo que mostrar los primeros 5 y luego la paginacion se tiene que ir moviendo pero nunca me tiene que dejar de mostrar 5 resultados en la paginacion.
Dejo imágenes de referencia:
Esta es la forma como NO se tiene que ver
Esta es la forma en la que si los debo mostrar
Este es el código que tengo realizado:
<ul class="pagination">
<?php if ($pagina == 1) : ?>
<li class="page-item disabled">
<a class="page-link" href="">
<span class="ti-arrow-left"></span>
</a>
</li>
<?php else : ?>
<li class="page-item">
<a class="page-link" href="?pagina=<?php echo $pagina - 1 ?>">
<span class="ti-arrow-left"></span>
</a>
</li>
<?php endif; ?>
<?php
for ($i = 1; $i <= $numeroDePaginas; $i++) {
if ($pagina == $i) {
echo "<li class='page-item active'>
<a class='page-link' href='?pagina=$i'>$i</a>
</li>";
} else {
echo "<li class='page-item'>
<a class='page-link' href='?pagina=$i'>$i</a>
</li>";
}
}
?>
<?php if ($pagina == $numeroDePaginas) : ?>
<li class='page-item disabled'>
<a class='page-link' href=''>
<span class='ti-arrow-right'></span>
</a>
</li>
<?php else : ?>
<li class='page-item'>
<a class='page-link' href="?pagina=<?php echo $pagina + 1 ?>">
<span class='ti-arrow-right'></span>
</a>
</li>
<?php endif; ?>
</ul>
numbers
hace eso.