DataTable: Girişleri Göster açılır menüsünü gizleyin ancak Arama kutusunu koruyun

Girişleri Göster açılır menüsünü gizlemek, ancak Veri Tablosundaki Arama kutusunu tutmak mümkün müdür? Her zaman altta arama kutusuyla birlikte sayfalandırmalı 10 satır görüntülemek istiyorum, ancak Girişleri göster açılır menüsünü görüntülemek istemiyorum.

Daha fazla bilgiyi doğrudan bu bağlantıda bulabilirsiniz: http://datatables.net/examples/basic_init/filter_only.html

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

Umarım yardımcı olur !

DÜZENLEME: Tembel iseniz, "bLengthChange": false, değiştirmeniz gereken şey :)

Datatable> 1.1.0 kullanıyorsanız lengthChange, aşağıdaki gibi ihtiyacınız olan seçenek budur:

$('#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

Bu, bu gönderinin anahtar cevabı "bLengthChange": false,, Girişler Açılır Menüsünü gizleyecektir

DataTables <= 1.9, @perpo'nun yanıtı

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

iyi çalışıyor, ancak 1.10+ için şunu deneyin:

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

l"uzunluk değiştiren giriş kontrolünü" dışarıda bıraktığımız yer

1.9 Dokümanlar

1.10 Dokümanlar

Ben böyle çözerim. Bootstrap 4'ü kullanın

    $(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" veya bir geri arama yoluyla:

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

"Girişleri Göster" etiketini devre dışı bırakmak için, dom kodunu ekleyin: "Bfrtip" veya "bInfo" ekleyebilirsiniz: false

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

Bunu da deneyebilirsiniz.

basitçe kullanarak CSS'den gizleyin,

 .dataTables_length {
        display: none;
    }

İkisi de işe yarayacak.

Sadece yaz :

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

"Girişleri göster" i gizlemek, ancak yine de sayfalara sahip olmak için. Aşağıdaki kodu kullandım ve işe yaradı.

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

Bu seçeneği ekleyin:

"bInfo": false

"Girişleri Göster" etiketini devre dışı bırakmak için "bInfo" kullanın, örneğin: "bFilter" arama bileşenidir, ancak varsayılan olarak etkindir.

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

Tablo bilgi ekranını etkinleştirin veya devre dışı bırakın. Bu, o anda sayfada görünür durumda olan verilerle ilgili bilgileri, söz konusu eylem gerçekleştiriliyorsa filtrelenmiş verilerle ilgili bilgileri gösterir.