Como ocultar “Mostrando 1 de N Entradas” com a biblioteca dataTables.js

92

Como você remove a linha de texto "Mostrando 1 de N entradas" em um dataTable (ou seja, ao usar a biblioteca de javascript dataTables? Acho que estava procurando algo nesse sentido ...

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

Tenho certeza de que é simples, mas não consigo encontrá-lo nos documentos.

nickL
fonte

Respostas:

253

Você pode removê-lo com a bInfoopção ( http://datatables.net/usage/features#bInfo )

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

Atualização: Desde Datatables 1.10. * Esta opção pode ser usada como info, bInfoainda funciona na compilação noturna atual (1.10.10).

BMH
fonte
3
Esta é uma resposta melhor do que a minha, se tudo o que você quiser fazer é escondê-la. Se você precisa estilizá-lo, é bom que Allan tenha embrulhado cada elemento em sua própria classe para que você possa chegar lá.
Daiku
Também gosto desta resposta porque a mantém direcionada aos parâmetros dataTable, mas agradeço ao Daiku também, pois tenho alguma escolha ... Nick
nickL
Isso faz com que o tipo de tabela "editável" seja quebrado (impossível editar ou salvar linhas).
jovan
@jovan Não creio que esta opção possa interferir com "editável". Você tem um exemplo (jsfiddle talvez) que eu possa pesquisar para você?
BMH
1
@BMH Consegui fazer funcionar - para ser sincero, nem me lembro mais qual era o problema!
jovan
8

Se você precisa desativar o menu suspenso (para não ocultar o texto), defina a lengthChangeopção parafalse

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

Funciona para DataTables 1.10+

Leia mais na documentação oficial

Arian Acosta
fonte
7
Isso esconde o menu suspenso. Não oculta o texto "mostrando 1 de N entradas"
devlin carnate
4

Agora , isso parece funcionar:

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

esconde isso div, completamente

Irf
fonte
3

tente isso para esconder

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

e tente isso para mudar o rótulo

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

});
mamal
fonte
0

É trabalho para mim:

language:{"infoEmpty": "No records available",}
Saulius
fonte
Isto não aparece para responder à pergunta, o que pede uma maneira de suprimir a mensagem quando não são registros. Parece que você está alterando a mensagem a ser exibida com não há registros, que não é o problema que OP está perguntando.
JohnRC de