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ę.

jquery html pagination datatables Toseef Khilji
źródło
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

nstCactus
źródło
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.

Gyrocode.com
źródło
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
})
Muhammad Fahad
źródło
20 
$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

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

Toseef Khilji
źródło
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

Abhishek B Patel
źródło
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>
Rozwiń fragment

Mohsin Shoukat
źródło
-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();
ryanm
źródło