So entfernen Sie die Paginierung in der Datentabelle

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

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

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

Danke im Voraus.

Sie sollten enthalten "bPaginate": false, in das Konfigurationsobjekt, 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 bPaginate Option zum Deaktivieren der Paginierung.

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

Für DataTables 1.10+

Verwenden paging Option zum Deaktivieren der Paginierung.

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

Sehen diese jsFiddle für Code und Demonstration.

PAGINATIONSSTEUERUNG ENTFERNEN UND PAGINATION AKTIVIERT LASSEN

Für DataTables 1.9

Verwenden sDom Option zu konfigurieren, welche Steuerelemente auf der Seite erscheinen.

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

Für DataTables 1.10+

Verwenden dom Option zu konfigurieren, welche Steuerelemente auf der Seite erscheinen.

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

Sehen diese jsFiddle für Code und Demonstration.

Es funktioniert

Versuchen Sie den 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 Datentabelle ordnen möchten, fügen Sie dieses Skript am Ende Ihrer Seite hinzu!

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

Du kannst hinzufügen data-paging='false' zum <table> Element und Paginierung werden für diese Tabelle deaktiviert.