Come nascondere "Visualizzazione di 1 di N voci" con la libreria dataTables.js


93

Come si rimuove la riga di testo "Visualizzazione di 1 di N voci" su una dataTable (ovvero quando si utilizza la libreria javascript dataTables? Penso che stavo cercando qualcosa in questo senso ...

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

Abbastanza sicuro che questo sia semplice, ma non riesco a trovarlo nei documenti.

Risposte:


256

Puoi rimuoverlo con l' bInfoopzione ( http://datatables.net/usage/features#bInfo )

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

Aggiornamento: a partire da Datatables 1.10. * Questa opzione può essere utilizzata come info, bInfofunziona ancora nella build notturna corrente (1.10.10).


3
Questa è una risposta migliore della mia, se tutto quello che vuoi fare è nasconderla. Se hai bisogno di modellarlo, è bello che Allan abbia avvolto ogni elemento nella sua classe in modo che tu possa capirlo.
Daiku

Anche questa risposta mi piace di più perché la mantiene diretta ai parametri dataTable ma grazie anche Daiku perché ho qualche scelta ... Nick
nickL

Ciò rende l'interruzione del tipo di tabella "modificabile" (impossibile modificare o salvare righe).
jovan

@jovan Non penso che questa opzione possa interferire con "modificabile". Hai un esempio (forse jsfiddle) che posso esaminare per te?
BMH

1
@ BMH ho fatto funzionare - ad essere onesti, non ricordo nemmeno più quale fosse il problema!
jovan

8

Se ciò di cui hai bisogno è disabilitare il menu a discesa (non nascondere il testo), imposta l' lengthChangeopzione sufalse

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

Funziona per DataTables 1.10+

Maggiori informazioni nella documentazione ufficiale


7
Questo nasconde il menu a discesa. Non nasconde il testo "che mostra 1 di N voci"
devlin carnate

4

Ora , questo sembra funzionare:

$('#example').DataTable({
  "info": false
});

lo nasconde div, del tutto


3

prova questo per nascondere

$('#table_id').DataTable({
  "info": false
});

e prova questo per cambiare etichetta

$('#table_id').DataTable({
 "oLanguage": {
               "sInfo" : "Showing _START_ to _END_ of _TOTAL_ entries",// text you want show for info section
            },

});

0

È lavoro per me:

language:{"infoEmpty": "No records available",}

Questo non sembra rispondere alla domanda, che richiede un modo per sopprimere il messaggio quando sono presenti record. Sembra che tu stia cambiando il messaggio da mostrare con non ci sono record, che non è il problema di cui sta chiedendo OP.
JohnRC
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.