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
la source

Réponses:

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
la 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
la 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
la source
19

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


la source
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
la 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
la 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
la 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
la source
2

Vous pouvez également essayer ceci.

cachez-le simplement du CSS en utilisant,

 .dataTables_length {
        display: none;
    }

Les deux fonctionneront.

Rupesh Kamble
la source
2

Ecrivez :

  $(document).ready( function () {
        $('#example').dataTable( {
          "lengthChange": false
        } );
    } );
Hasan Sheikh
la 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
la source
1

Ajoutez cette option:

"bInfo": false
cyber8200
la 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
la source