jak usunąć paginację w datatable

Jestem nowy w jQuery. Użyłem danych w siatce, ale nie potrzebuję paginacji.

Na jednej stronie jest lista zamówień i pokazuję je w siatce Datatable, ale na dole nie chcę pokazywać paginacji. Czy istnieje sposób na usunięcie lub ukrycie paginacji z tabeli danych przy użyciu nieco dostosowywania w bibliotece jQuery.

Próbowałem go dostosować, ale znalazłem bardzo niewiele metod, aby to zrobić.

Z góry dziękuję.

Powinieneś dołączyć "bPaginate": false,do obiektu konfiguracyjnego, który przekazujesz do parametrów konstruktora. Jak widać tutaj: http://datatables.net/release-datatables/examples/basic_init/filter_only.html

WYŁĄCZ PAGINACJĘ

W przypadku DataTables 1.9

Użyj bPaginateopcji, aby wyłączyć paginację.

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

Dla DataTables 1.10+

Użyj pagingopcji, aby wyłączyć paginację.

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

Zobacz ten jsFiddle dla kodu i demonstracji.

USUŃ KONTROLĘ PAGINACJI I ZOSTAW WŁĄCZONĄ PAGINACJĘ

W przypadku DataTables 1.9

Użyj sDomopcji, aby skonfigurować, które elementy kontrolne pojawią się na stronie.

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

Dla DataTables 1.10+

Użyj domopcji, aby skonfigurować, które elementy kontrolne pojawią się na stronie.

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

Zobacz ten jsFiddle dla kodu i demonstracji.

To działa

Wypróbuj poniższy kod

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

rozwiązałem swój problem używając go.

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

Wypróbuj ten kod

jeśli chcesz usunąć paginację i chcesz uporządkować dane dataTable, dodaj ten skrypt na końcu strony!

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

Oto alternatywa, która jest stopniowym ulepszeniem kilku innych odpowiedzi. Zakładając ustawienia. ALengthMenu nie jest wielowymiarowe (może tak być, gdy DataTables ma długości wierszy i etykiety), a dane nie zmienią się po załadowaniu strony (dla prostych tabel danych załadowanych do DOM), tę funkcję można wstawić, aby wyeliminować stronicowanie. Ukrywa kilka klas związanych ze stronicowaniem.

Być może bardziej niezawodne byłoby ustawienie stronicowania na false wewnątrz funkcji poniżej, jednak nie widzę wywołania interfejsu API dla tego od ręki.

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