wie man die Paginierung in datatable entfernt

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?

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

Danke im Voraus.

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

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 .

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
})

$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

Ich habe mein Problem damit gelöst.

$('#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

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>

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();