DataTable: nasconde il menu a discesa Show Entries ma mantiene la casella di ricerca

129

È possibile nascondere il menu a discesa Mostra voci ma mantenere la casella di ricerca in DataTable? Voglio visualizzare sempre 10 righe con l'impaginazione in basso insieme alla casella di ricerca, ma non voglio visualizzare il menu a discesa Mostra voci.

datatable dt

— FaisalKhan
fonte

288

Puoi trovare ulteriori informazioni direttamente su questo link: http://datatables.net/examples/basic_init/filter_only.html

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

Spero che aiuti !

EDIT: Se sei pigro, "bLengthChange": false, è quello che devi cambiare :)

— PERPO
fonte

56

Se si utilizza Datatable> 1.1.0, l' lengthChangeopzione è quella che serve come di seguito:

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

— Jimmy Obonyo Abor
fonte

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
fonte

19

Questa è la risposta chiave a questo post "bLengthChange": false,nasconderà il menu a discesa delle voci

9

Per DataTables <= 1.9, la risposta di @perpo

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

funziona bene, ma per 1.10+ prova questo:

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

dove abbiamo lasciato fuori lil "controllo di input che cambia lunghezza"

1.9 Doc

1.10 Doc

— Michal Frystacky
fonte

questo è meglio perché rimuove il div holdint dall'elemento. con l'elemento bLenghChange non c'è più spazio bianco. Grazie !

— Hamid Salari,

9

Lo risolvo così. Usa bootstrap 4

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

cdn js:

cdn css:

— shades3002
fonte

1

Funziona con i database nel 2018, nessuno degli altri ha funzionato.

— Dammeul,

8

sDom: "Tfrtip" o tramite callback:

"fnHeaderCallback": function(){
    $('#YOURTABLENAME-table_length').hide();
}

— cnizzardini
fonte

3

Per disabilitare l'etichetta "Mostra voci", aggiungi il codice dom: 'Bfrtip' oppure puoi aggiungere "bInfo": false

$('#example').DataTable({
    dom: 'Bfrtip'
})

— Chitranjan Srivastva
fonte

2

Puoi provare anche questo.

nascondilo semplicemente dai CSS usando,

 .dataTables_length {
        display: none;
    }

Entrambi funzioneranno.

— Rupesh Kamble
fonte

2

Scrivi e basta :

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

— Hasan Sheikh
fonte

1

Per nascondere "mostra voci" ma ha ancora l'impaginazione. Ho usato il codice qui sotto e ha funzionato.

"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false

— ejay56
fonte

1

Aggiungi questa opzione:

"bInfo": false

— cyber8200
fonte

0

Per disabilitare l'etichetta "Mostra voci", utilizzare "bInfo", ad esempio: "bFilter" è il componente di ricerca, ma sono attivi per impostazione predefinita.

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

Abilita o disabilita la visualizzazione delle informazioni sulla tabella. Ciò mostra le informazioni sui dati attualmente visibili sulla pagina, comprese le informazioni sui dati filtrati se tale azione viene eseguita.

— steffanjj
fonte