Comment centrer la pagination dans le plugin jQuery Bootstrap DataTables?
Je suis à l'aide de jQuery DataTables plugin avec Bootstrap 3.1 pour le tri & la pagination de côté de serveur de contenu.
C'est ainsi que ma table ressemble à
http://datatables.net/manual/styling/bootstrap-simple.html
Pagination & Tri fonctionne très bien...Mais, par défaut, la pagination est sur le côté droit de la table. Je veux l'afficher sur le centre de la table. Mes connaissances en CSS est minime, de sorte que je ne suis pas sûr où faire des changements. Comment réaliser cela?
source d'informationauteur John Doe
Vous devez vous connecter pour publier un commentaire.
Initialiser votre DataTable:
Aucune des solutions mentionnées jusqu'ici fonctionné pour moi.
C'est ce que j'utilise:
La
div
avec la classedataTables_paginate
dans ma mise en page, a une largeur égale à 100% de sa div contenant. Letext-align
est de centrage de laul
de contrôle -<ul class="pagination">
contenues dansdataTables_paginate
.Mon
"DOM"
attribut est très simple. Il ressemble à ceci:J'ai utilisé les méthodes suivantes pour obtenir de la pagination dans le centre de la table:
Ceci est basé sur la réponse de Karl, mais avec les tables de données v1.10.12 j'ai dû fournir un peu plus de détails dans mon CSS remplacer le fichier afin de les amener à coller.
et de retirer le bien de
float:right;
de la classeSi vous ne vous intéressez qu'à propos de la passation de la pagination dans le milieu de la dataTable (en dessous ou au-dessus), le code suivant devrait le faire: