wie man die Paginierung in datatable entfernt

89

Ich bin neu in jQuery. Ich habe Datatables im Raster verwendet, brauche aber keine Paginierung.

Es gibt eine Liste von Bestellungen auf einer Seite und ich zeige sie in einem datierbaren Raster, aber unten möchte ich keine Paginierung anzeigen. Gibt es eine Möglichkeit, die Paginierung mithilfe einer Bitanpassung in der jQuery-Bibliothek aus der Datentabelle zu entfernen oder auszublenden?

Geben Sie hier die Bildbeschreibung ein

Ich habe versucht, es anzupassen, aber ich habe nur sehr wenige Methoden gefunden, um es zu tun.

Danke im Voraus.

jquery html pagination datatables Toseef Khilji
quelle
2
Welche Methode oder welches Plugin verwenden Sie?
Naryl

Antworten:

157

Sie sollten "bPaginate": false,in das Konfigurationsobjekt aufnehmen, das Sie an Ihre Konstruktorparameter übergeben. Wie hier zu sehen: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

nstCactus
quelle
1
Wenn ich nur die 100 ersten Zeilen meiner Daten anzeigen möchte, funktioniert bPaginate nicht, da alle Daten unabhängig von meinem iDisplayLength-Parameter angezeigt werden. Wissen Sie, wie Sie das vermeiden können?
Alexis Dufrenoy
Korrigieren Sie mich, wenn ich falsch liege. Wenn Sie jedoch nur die ersten 100 Elemente anzeigen und die Paginierung deaktivieren, kann der Benutzer das folgende Ergebnis nicht anzeigen. Wenn ja, sollten Sie versuchen, Ihre Datenquelle direkt zu ändern . Es scheint ein anderes Problem zu sein, daher sollten Sie überlegen, eine neue Frage zu öffnen und uns einen Teil Ihres Codes zu geben.
nstCactus
1
Eigentlich ist es für eine Suchfunktion, und ich muss auch eine Meldung anzeigen, dass der Benutzer seine Suchkriterien ändern muss, weil zu viele Zeilen abgerufen wurden. Für die Aufzeichnung habe ich im Datatables-Forum gefragt, und die Lösung besteht darin, eine Option hinzuzufügen: sDom = lfrt (ohne "p", ohne Paginierung).
Kann
69

PAGINATION DEAKTIVIEREN

Für DataTables 1.9

Verwenden Sie die bPaginateOption, um die Paginierung zu deaktivieren.

$('#example').dataTable({
    "bPaginate": false
});

Für DataTables 1.10+

Verwenden Sie die pagingOption, um die Paginierung zu deaktivieren.

$('#example').dataTable({
    "paging": false
});

Code und Demonstration finden Sie in dieser jsFiddle .

ENTFERNEN SIE DIE PAGINATIONSKONTROLLE UND LASSEN SIE DIE PAGINATION AKTIVIERT

Für DataTables 1.9

Verwenden Sie die sDomOption, um zu konfigurieren, welche Steuerelemente auf der Seite angezeigt werden.

$('#example').dataTable({
    "sDom": "lfrti"
});

Für DataTables 1.10+

Verwenden Sie die domOption, um zu konfigurieren, welche Steuerelemente auf der Seite angezeigt werden.

$('#example').dataTable({
    "dom": "lfrti"
});

Code und Demonstration finden Sie in dieser jsFiddle .

Gyrocode.com
quelle
2
Ab 1.10 funktioniert auch die Angabe data-paging='false'des Tabellenelements.
Jeromy French
21

Es funktioniert

Versuchen Sie es mit dem folgenden Code

$('#example').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})
Muhammad Fahad
quelle
20 
$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

Ich habe mein Problem damit gelöst.

Toseef Khilji
quelle
12 
$('#table_id').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

Versuchen Sie diesen Code

Abhishek B Patel
quelle
6

Wenn Sie die Paginierung entfernen und die Reihenfolge von dataTable festlegen möchten, fügen Sie dieses Skript am Ende Ihrer Seite hinzu!

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>
Erweitern Sie das Snippet

Mohsin Shoukat
quelle
-1

Hier ist eine Alternative, die eine schrittweise Verbesserung gegenüber mehreren anderen Antworten darstellt. Unter der Annahme, dass settings.aLengthMenu nicht mehrdimensional ist (dies kann der Fall sein, wenn DataTables Zeilenlängen und Beschriftungen aufweist) und sich die Daten nach dem Laden der Seite nicht ändern (für einfache DOM-geladene DataTables), kann diese Funktion eingefügt werden, um Paging zu vermeiden. Es werden mehrere Paging-bezogene Klassen ausgeblendet.

Vielleicht robuster wäre es, Paging in der folgenden Funktion auf false zu setzen, aber ich sehe keinen API-Aufruf für diese Off-Hand.

$('#myTable').on('init.dt', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide();
    }
}).DataTable();
Ryanm
quelle