web-dev-qa-db-fra.com

DataTable: masque la liste déroulante Afficher les entrées mais conserve la zone de recherche

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 la pagination en bas avec le champ de recherche, mais je ne veux pas afficher le menu déroulant Afficher les entrées.

datatabledt
110
FaisalKhan

Vous trouverez 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 });
});

J'espère que ça t'as aidé !

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

251
PERPO

Si vous utilisez Datatable> 1.1.0, alors l'option lengthChange est ce dont vous avez besoin, comme ci-dessous:

$('#example').dataTable( {
  "lengthChange": false
});
44
Jimmy Obonyo Abor

Ceci est clé répondre à ce message "bLengthChange": false, masquera le menu déroulant Entrées

17
user4287698
"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
15
Niv

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

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

fonctionne bien, mais pour 1.10+ essayez ceci:

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

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

1.9 Docs

1.10 Docs

7
Michal Frystacky

sDom: "Tfrtip" ou via un rappel:

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

Je le résous comme ça. Utilisez bootstrap 4

    $(document).ready(function () {
        $('#table').DataTable({
            "searching": false,
            "paging": false,
            "info": false
        });
    });

cdn js:

cdn css:

6
shades3002

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

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

Pour masquer "afficher les entrées" tout en conservant la pagination. J'ai utilisé le code ci-dessous et cela a fonctionné.

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

Vous pouvez essayer cela aussi.

cachez-le simplement de CSS en utilisant,

 .dataTables_length {
        display: none;
    }

Les deux vont marcher.

1
Rupesh Kamble

Ajoutez cette option:

"bInfo": false
1
kyo

Ecrivez :

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

Pour désactiver le libellé "Afficher les entrées", utilisez "bInfo", par exemple: "bFilter" est le composant de recherche, mais est actif 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 d'exécution.

0
steffanjj