DataTable : Cacher la liste déroulante Afficher les entrées mais garder la boîte de recherche

Question

Est-il possible de masquer la liste déroulante Afficher les entrées mais de conserver la boîte de recherche dans DataTable ? Je veux toujours afficher 10 lignes avec une pagination en bas et une boîte de recherche, mais je ne veux pas afficher la liste déroulante Afficher les entrées.

Answer 1

Il suffit d'écrire :

  $(document).ready( function () {
        $('#example').dataTable( {
          "lengthChange": false
        } );
    } );

Answer 2

Pour DataTables <=1.9, @perpo Réponse de la Commission

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

fonctionne bien, mais pour les versions 1.10+, essayez ceci :

$('#example').dataTable({
    "dom": 'ftipr'
}); 

où nous avons laissé de côté l le "contrôle de l'entrée du changement de longueur"

1.9 Docs

1.10 Docs

Answer 3

SDom : "Tfrtip" ou via un callback :

"fnHeaderCallback": function(){
    $('#YOURTABLENAME-table_length').hide();
}

Answer 4

Pour désactiver l'étiquette "Show Entries", ajoutez le code dom : 'Bfrtip' ou vous pouvez ajouter "bInfo" : false.

$('#example').DataTable({
    dom: 'Bfrtip'
})

Answer 5

Vous pouvez également essayer ceci.

il suffit de le cacher de CSS en utilisant,

 .dataTables_length {
        display: none;
    }

Les deux fonctionneront.