Ich benutze jQuerys DataTables-Plugin mit Bootstrap 3.1 zum Sortieren & amp; Seiteninhalte paginieren.
So sieht meine Tabelle aus
Paginierung & amp; Sortierung funktioniert gut ... Standardmäßig befindet sich die Seitennummerierung jedoch auf der rechten Seite des Tisches. Ich möchte es in der Mitte des Tisches zeigen. Meine Kenntnisse in CSS sind minimal, daher bin ich mir nicht sicher, wo ich Änderungen vornehmen soll. Wie kann man das erreichen?
Keine der hier erwähnten Lösungen funktionierte für mich.
Das ist was ich benutze:
%Vor% Die div
mit der Klasse dataTables_paginate
hat in meinem Layout eine Breite von 100% des enthaltenen div. Der text-align
zentriert den ul
control - <ul class="pagination">
, der in dataTables_paginate
enthalten ist.
Mein "DOM"
-Attribut ist sehr einfach. Es sieht so aus:
Ich habe Folgendes verwendet, um die Seitennummerierung in der Mitte der Tabelle zu erhalten:
%Vor%Wenn Sie nur daran interessiert sind, die Seitennummerierung in der Mitte der Datentabelle (darunter oder darüber) zu platzieren, sollte der folgende Code dies tun:
%Vor%Tags und Links jquery css datatables twitter-bootstrap pagination