DataTable: Masquer la liste déroulante Afficher les entrées mais conserver la zone de recherche

Question

Est-il possible de masquer la liste déroulante Afficher les entrées tout en conservant la zone de recherche dans DataTable? Je veux toujours afficher 10 lignes avec pagination en bas avec le champ de recherche, mais je ne veux pas afficher la liste déroulante Afficher les entrées.

Answer 1

Vous pouvez trouver plus d'informations directement sur ce lien: http://datatables.net/examples/basic_init/filter_only.html

$(document).ready(function() { 
$('#example').dataTable({ 
    "bPaginate": false, 
    "bLengthChange": false, 
    "bFilter": true, 
    "bInfo": false, 
    "bAutoWidth": false }); 
}); 

Hope that helps!

EDIT: Si vous êtes paresseux, "bLengthChange": false, est celui que vous devez changer :)

Answer 2

sdom: "Tfrtip" ou par un rappel:

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

Answer 3

Ceci est clé réponse à ce post "bLengthChange": false, cachera les entrées Dropdown

Answer 4

Pour désactiver le libellé "Afficher les entrées", utiliser "bInfo", exemple: "bFilter" est le composant de recherche, mais est activé par défaut.

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

Activer ou désactiver l'affichage des informations de la table. Cela affiche des informations sur les données actuellement visibles sur la page, y compris des informations sur les données filtrées si cette action est en cours.

Answer 5

Ajouter cette option:

"bInfo": false 

Answer 6

Pour masquer "entrées" show mais qui ont encore la pagination. J'ai utilisé le code ci-dessous et cela a fonctionné.

"bPaginate": true, 
"bLengthChange": false, 
"bFilter": true, 
"bInfo": false, 
"bAutoWidth": false 

Answer 7

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

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

fonctionne très bien, mais pour 1.10+ essayer:

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

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

1.9 Docs

1.10 Docs

Answer 8

Pour désactiver l'étiquette "Afficher les entrées", ajoutez le dom code: 'Bfrtip' ou vous pouvez ajouter "bInfo": false

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

Answer 9

Si vous utilisez Datatable> 1.1.0 alors lengthChange option est ce que vous avez besoin comme ci-dessous:

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

Answer 10

"searching": false, // Search Box will Be Disabled 

"ordering": false, // Ordering (Sorting on Each Column)will Be Disabled 

"info": true,   // Will show "1 to n of n entries" Text at bottom 

"lengthChange": false // Will Disabled Record number per page 

Answer 11

vous pouvez essayer cela aussi.

cacher simplement de CSS en utilisant,

.dataTables_length { 
     display: none; 
    } 

Les deux fonctionneront.