Comment masquer «Affichage de 1 entrées sur N» avec la bibliothèque dataTables.js

92

Comment supprimer la ligne de texte "Affichage de 1 sur N entrées" sur un dataTable (c'est-à-dire lors de l'utilisation de la bibliothèque javascript dataTables? Je pense que je cherchais quelque chose du genre ...

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

Je suis sûr que c'est simple, mais je n'arrive pas à le trouver dans la documentation.

javascript datatables

— nickL
source

256

Vous pouvez le supprimer avec l' bInfooption ( http://datatables.net/usage/features#bInfo )

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

Mise à jour: depuis Datatables 1.10. *, Cette option peut être utilisée comme info, bInfofonctionne toujours dans la version nocturne actuelle (1.10.10).

— BMH
source

3

C'est une meilleure réponse que la mienne, si vous ne voulez que la cacher. Si vous avez besoin de le styliser, c'est bien qu'Allan ait enveloppé chaque élément dans sa propre classe pour que vous puissiez y accéder.

— Daiku

J'aime mieux cette réponse aussi parce qu'elle la maintient dirigée vers les paramètres dataTable mais merci Daiku aussi car j'ai le choix ... Nick

— nickL

Cela rend le type de table "modifiable" (impossible de modifier ou d'enregistrer des lignes).

— jovan

@jovan Je ne pense pas que cette option puisse interférer avec "editable". Avez-vous un exemple (jsfiddle peut-être) que je peux examiner pour vous?

— BMH

1

@BMH Je l'ai fait fonctionner - pour être honnête, je ne me souviens même plus quel était le problème!

— jovan

8

Si vous avez besoin de désactiver la liste déroulante (pour ne pas masquer le texte), définissez l' lengthChangeoption surfalse

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

Fonctionne pour DataTables 1.10+

En savoir plus dans la documentation officielle

— Arian Acosta
source

7

Cela cache la liste déroulante. Il ne cache pas le texte "montrant 1 des N entrées"

— devlin carnate

4

Maintenant , cela semble fonctionner:

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

ça cache ça div, tout à fait

— Irfaan
source

3

essayez ceci pour vous cacher

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

et essayez ceci pour changer l'étiquette

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

});

— Mamal
source

0

C'est du travail pour moi:

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

— Saulius
source

Cela ne semble pas répondre à la question, qui demande un moyen de supprimer le message quand il y a des enregistrements. Il semble que vous modifiez le message à afficher avec il n'y a pas d'enregistrements, ce qui n'est pas le problème sur lequel OP pose la question.

— JohnRC