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

129

Est-il possible de masquer la liste déroulante Afficher les entrées mais de conserver 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.

datatable dt

— FaisalKhan
source

288

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

J'espère que cela pourra aider !

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

— PERPO
source

56

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

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

— Jimmy Obonyo Abor
source

28

"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

— Niv
source

19

Cette réponse clé à ce message "bLengthChange": false,masquera la liste déroulante des entrées

9

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

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

fonctionne bien, mais pour 1.10+, essayez ceci:

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

où nous avons omis lle "contrôle d'entrée de changement de longueur"

1.9 Docs

1.10 Docs

— Michal Frystacky
source

c'est mieux car cela supprime le div holdint l'élément. avec l'élément bLenghChange est parti mais il y a des espaces. Merci !

— Hamid Salari le

9

Je résous ça comme ça. Utiliser bootstrap 4

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

cdn js:

cdn css:

— teintes3002
source

1

Cela fonctionne pour les tables de données en 2018, aucune des autres ne l'a fait.

— Dammeul

8

sDom: "Tfrtip" ou via un callback:

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

— cnizzardini
source

3

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

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

— chitranjan srivastva
source

2

Vous pouvez également essayer ceci.

cachez-le simplement du CSS en utilisant,

 .dataTables_length {
        display: none;
    }

Les deux fonctionneront.

— Rupesh Kamble
source

2

Ecrivez :

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

— Hasan Sheikh
source

1

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

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

— ejay56
source

1

Ajoutez cette option:

"bInfo": false

— cyber8200
source

0

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

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

Activez ou désactivez l'affichage des informations du tableau. 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.

— Steffanjj
source