Cómo ocultar "Mostrando 1 de N entradas" con la biblioteca dataTables.js

93

¿Cómo se elimina la línea de texto "Mostrando 1 de N entradas" en una tabla de datos (es decir, cuando se usan las tablas de datos de la biblioteca de JavaScript? Creo que estaba buscando algo en este sentido ...

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

Estoy bastante seguro de que es simple, pero parece que no puedo encontrarlo en los documentos.

nickL
fuente

Respuestas:

256

Puede eliminarlo con la bInfoopción ( http://datatables.net/usage/features#bInfo )

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

Actualización: desde Datatables 1.10. * Esta opción se puede usar como info, bInfotodavía funciona en la compilación nocturna actual (1.10.10).

BMH
fuente
3
Esta es una mejor respuesta que la mía, si todo lo que quieres hacer es ocultarla. Si necesita darle estilo, es bueno que Allan haya envuelto cada elemento en su propia clase para que pueda hacerlo.
Daiku
También me gusta esta respuesta porque la mantiene dirigida a los parámetros de la tabla de datos, pero también gracias a Daiku porque tengo algunas opciones ... Nick
nickL
Esto hace que el tipo de tabla "editable" se rompa (imposible editar o guardar filas).
jovan
@jovan No creo que esta opción pueda interferir con "editable". ¿Tiene un ejemplo (jsfiddle tal vez) que pueda investigar por usted?
BMH
1
@BMH Lo hice funcionar; para ser honesto, ¡ya ni siquiera recuerdo cuál era el problema!
jovan
8

Si lo que necesita es deshabilitar el menú desplegable (no ocultar el texto), configure la lengthChangeopción enfalse

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

Funciona para DataTables 1.10+

Leer más en la documentación oficial

Arian Acosta
fuente
7
Esto oculta el menú desplegable. No oculta el texto "mostrando 1 de N entradas"
devlin carnate
4

Ahora , esto parece funcionar:

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

esconde eso div, en conjunto

Irfaan
fuente
3

prueba esto para esconderte

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

y prueba esto para cambiar la etiqueta

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

});
mamal
fuente
0

Es trabajo para mi:

language:{"infoEmpty": "No records available",}
Saulius
fuente
Esto no parece responder a la pregunta, que pide una manera de suprimir el mensaje cuando no hay registros. Parece que está cambiando el mensaje para que se muestre sin registros, que no es el problema por el que OP está preguntando.
JohnRC