DataTable: Ukryj menu rozwijane Pokaż wpisy, ale pozostaw pole wyszukiwania

129

Czy można ukryć listę rozwijaną Pokaż wpisy, ale zachować pole wyszukiwania w DataTable? Chcę zawsze wyświetlać 10 wierszy z paginacją na dole wraz z polem wyszukiwania, ale nie chcę wyświetlać listy rozwijanej Pokaż wpisy.

FaisalKhan
źródło

Odpowiedzi:

288

Więcej informacji można znaleźć bezpośrednio pod tym linkiem: http://datatables.net/examples/basic_init/filter_only.html

$(document).ready(function() {
$('#example').dataTable({
    "bPaginate": false,
    "bLengthChange": false,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false });
});

Mam nadzieję, że to pomoże!

EDYCJA: Jeśli jesteś leniwy, „bLengthChange”: false, to ten, który musisz zmienić :)

PERPO
źródło
56

Jeśli używasz Datatable> 1.1.0 lengthChange, potrzebujesz opcji, jak poniżej:

$('#example').dataTable( {
  "lengthChange": false
});
Jimmy Obonyo Abor
źródło
28
"searching": false,   // Search Box will Be Disabled

"ordering": false,    // Ordering (Sorting on Each Column)will Be Disabled

"info": true,         // Will show "1 to n of n entries" Text at bottom

"lengthChange": false // Will Disabled Record number per page
Niv
źródło
19

To jest kluczowa odpowiedź na ten post, która "bLengthChange": false,spowoduje ukrycie listy rozwijanej wpisów


źródło
9

Dla DataTables <= 1,9, @perpo „s odpowiedź

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

działa dobrze, ale dla wersji 1.10+ spróbuj tego:

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

gdzie lpominęliśmy „kontrolkę wprowadzania zmiany długości”

1.9 Docs

1.10 Docs

Michał Frystacky
źródło
jest to lepsze, ponieważ usuwa element div holdint. z elementem bLenghChange zniknął, ale jest spacja. dzięki !
Hamid Salari
9

Rozwiązuję to w ten sposób. Użyj bootstrap 4

    $(document).ready(function () {
        $('#table').DataTable({
            "searching": false,
            "paging": false,
            "info": false
        });
    });

cdn js:

cdn css:

odcienie 3002
źródło
1
To działa w przypadku danych w 2018 roku, żaden inny nie.
Dammeul
8

sDom: "Tfrtip" lub przez callback:

"fnHeaderCallback": function(){
    $('#YOURTABLENAME-table_length').hide();
}
cnizzardini
źródło
3

Aby wyłączyć etykietę „Pokaż wpisy”, dodaj kod dom: „Bfrtip” lub możesz dodać „bInfo”: false

$('#example').DataTable({
    dom: 'Bfrtip'
})
chitranjan srivastva
źródło
2

Ty też możesz spróbować.

po prostu ukryj to przed CSS, używając,

 .dataTables_length {
        display: none;
    }

Oba będą działać.

Rupesh Kamble
źródło
2

Tylko napisz :

  $(document).ready( function () {
        $('#example').dataTable( {
          "lengthChange": false
        } );
    } );
Hasan Sheikh
źródło
1

Aby ukryć „pokaż wpisy”, ale nadal mieć paginację. Użyłem poniższego kodu i zadziałało.

"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false
ejay56
źródło
1

Dodaj tę opcję:

"bInfo": false
cyber8200
źródło
0

Aby wyłączyć etykietę „Pokaż wpisy”, użyj „bInfo”, na przykład: „bFilter” to składnik wyszukiwania, ale są one domyślnie aktywne.

$(document).ready( function () {
  $('#example').dataTable( {
    "bInfo": false
  } );
} );

Włącz lub wyłącz wyświetlanie informacji w tabeli. Pokazuje informacje o danych, które są obecnie widoczne na stronie, w tym informacje o filtrowanych danych, jeśli ta akcja jest wykonywana.

steffanjj
źródło