Wie zentriert man die Seitenumbruch in jQuery Bootstrap DataTables Plugin?

8

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?

    
John Doe 25.06.2014, 05:56
quelle

6 Antworten

13

Initialisieren Sie Ihre DataTable als:

%Vor%     
Khalid T. 25.06.2014, 06:30
quelle
9

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:

%Vor%     
Karl 25.05.2015 19:46
quelle
1

Ich habe Folgendes verwendet, um die Seitennummerierung in der Mitte der Tabelle zu erhalten:

%Vor%     
Jason Rukman 15.02.2016 01:06
quelle
0
%Vor%

und entfernen Sie die Eigenschaft von float:right; aus der Klasse

  

dataTables_paginate

    
J Prakash 25.06.2014 07:16
quelle
0

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%     
user2325727 17.03.2015 19:29
quelle
0

Dies basiert auf Karls Antwort, aber mit DataTables v1.10.12 musste ich einige zusätzliche Details in meiner CSS-Override-Datei angeben, um sie zu halten.

%Vor%     
Kidquick 14.03.2017 19:04
quelle