Saltar al contenido

ejemplo de código de bootstrap 4 de paginación de tabla

Después de de una extensa búsqueda de datos pudimos resolver esta dificultad que suelen tener algunos de nuestros lectores. Te ofrecemos la solución y deseamos servirte de gran apoyo.

Ejemplo 1: tabla de arranque

<table class="table"><thead><tr><th scope="col">#<th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr></tbody></table>

Ejemplo 2: paginación bootstrap

<nav aria-label="Page navigation example"><ul class="pagination"><li class="page-item"><a class="page-link" href="#">Previous</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">Next</a></li></ul></nav>

Ejemplo 3: centro de paginación bootstrap 4

Usetheclass.justify-content-center on the .pagination ul.

e.g.<ul class="pagination justify-content-center">

Ejemplo 4: tabla de arranque

<table class="table table-sm table-dark"><thead><tr><th scope="col">#<th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td colspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>

Aquí tienes las comentarios y calificaciones

Tienes la opción de añadir valor a nuestra información tributando tu veteranía en las referencias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *