Datentabelle: Blenden Sie das Dropdown-Menü Einträge anzeigen aus, aber behalten Sie das Suchfeld bei

Ist es möglich, die Dropdown-Liste Einträge anzeigen auszublenden, aber das Suchfeld in DataTable beizubehalten? Ich möchte immer 10 Zeilen mit Paginierung unten zusammen mit dem Suchfeld anzeigen, aber nicht die Dropdown-Liste Einträge anzeigen anzeigen.

Weitere Informationen finden Sie direkt unter diesem Link: http://datatables.net/examples/basic_init/filter_only.html

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

Hoffentlich hilft das !

EDIT: Wenn Sie faul sind, "bLengthChange": false, ist das, was Sie ändern müssen :)

Wenn Sie Datatable> 1.1.0 verwenden lengthChange, benötigen Sie die folgende Option:

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

"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

Dies ist die wichtigste Antwort auf diesen Beitrag. Dadurch wird "bLengthChange": false,die Dropdown-Liste "Einträge" ausgeblendet

Für DataTables <= 1.9 die Antwort von @perpo

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

funktioniert gut, aber ab 1.10 versuchen Sie Folgendes:

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

wo wir ldie "Längenänderungs-Eingabesteuerung" weggelassen haben

1.9 Dokumente

1.10 Docs

Ich löse es so. Verwenden Sie 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

sDom: "Tfrtip" oder über einen Rückruf:

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

Um die Bezeichnung "Einträge anzeigen" zu deaktivieren, fügen Sie den Code dom: 'Bfrtip' hinzu, oder Sie können "bInfo": false hinzufügen

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

Sie können dies auch versuchen.

verstecke es einfach vor CSS, indem du,

 .dataTables_length {
        display: none;
    }

Beides wird funktionieren.

Einfach schreiben :

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

Um "Einträge anzeigen" auszublenden, aber immer noch eine Paginierung zu haben. Ich habe den folgenden Code verwendet und es hat funktioniert.

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

Fügen Sie diese Option hinzu:

"bInfo": false

Verwenden Sie zum Deaktivieren der Bezeichnung "Einträge anzeigen" "bInfo". Beispiel: "bFilter" ist die Suchkomponente, ist jedoch standardmäßig aktiv.

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

Aktivieren oder deaktivieren Sie die Anzeige der Tabelleninformationen. Hier werden Informationen zu den Daten angezeigt, die derzeit auf der Seite angezeigt werden, einschließlich Informationen zu gefilterten Daten, wenn diese Aktion ausgeführt wird.