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

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 vous aidera !

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

Answer 2

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

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

Answer 3

"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 4

C'est clé réponse à ce poste "bLengthChange": false, masquera la liste déroulante des entrées

Answer 5

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

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

cdn js :

• https://code.jquery.com/jquery-3.3.1.min.js
• https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js
• https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js
• https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js

cdn css :

• https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css
• https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css