jak usunąć paginację w datatable


92

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.

wprowadź opis obrazu tutaj

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

Z góry dziękuję.


2
jakiej metody lub wtyczki używasz?
Naryl

Odpowiedzi:


163

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


1
Jeśli chcę wyświetlić tylko 100 pierwszych wierszy moich danych, bPaginate nie działa, ponieważ wyświetla wszystkie dane niezależnie od mojego parametru iDisplayLength. Czy wiesz, jak tego uniknąć?
Alexis Dufrenoy

Popraw mnie, jeśli się mylę, ale jeśli wyświetlasz tylko pierwsze 100 pozycji i wyłączasz paginację, użytkownik nie ma możliwości wyświetlenia następującego wyniku. Jeśli tak, spróbuj bezpośrednio zmienić źródło danych . Wydaje się, że to inna sprawa, więc powinieneś rozważyć otwarcie nowego pytania i podać nam część swojego kodu.
nstCactus,

1
Właściwie jest to funkcja wyszukiwania i muszę również wyświetlić komunikat, że użytkownik musi zmienić swoje kryteria wyszukiwania, ponieważ pobrano zbyt dużo wierszy. Dla porządku zapytałem na forum Datatables, a rozwiązaniem jest dodanie opcji: sDom = lfrt (bez "p", bez paginacji). Może się przydać ...
Alexis Dufrenoy,

71

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.


2
dla wersji 1.10+ data-paging='false'zadziała również specyfikacja w elemencie tabeli.
Jeromy French

21

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

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

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


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

Wypróbuj ten kod


6

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>


-1

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();
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.