it-swarm.com.de

So entfernen Sie Paginierung in datatable

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 in der Datentabelle mithilfe einer Bitanpassung in der jQuery-Bibliothek zu entfernen oder auszublenden?.

enter image description here

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

Danke im Voraus.

72
Toseef Khilji

Sie sollten "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

136
nstCactus

PAGINATION DEAKTIVIEREN

Für DataTables 1.9

Verwenden Sie die Option bPaginate , um die Paginierung zu deaktivieren.

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

Für Datentabellen 1.10 +

Verwenden Sie die Option paging , um die Paginierung zu deaktivieren.

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

Siehe this jsFiddle für Code und Demonstration.

ENTFERNEN SIE DIE PAGINATIONSKONTROLLE UND LASSEN SIE DIE PAGINATION AKTIVIERT

Für DataTables 1.9

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

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

Für Datentabellen 1.10 +

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

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

Siehe this jsFiddle für Code und Demonstration.

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

ich habe mein Problem damit gelöst, hoffe, es funktioniert für Sie.

20
Toseef Khilji

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
})
19
Muhammad Fahad
$('#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

5

wenn Sie die Paginierung entfernen möchten, aber die Reihenfolge von dataTable ändern möchten, fügen Sie dieses Skript am Ende Ihrer Seite hinzu!

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