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.

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


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


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


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
            },

});

0

Es trabajo para mi:

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

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
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.