DataTable: Ẩn danh sách thả xuống Hiển thị mục nhập nhưng giữ hộp Tìm kiếm

Có thể ẩn trình đơn thả xuống Hiển thị mục nhập nhưng giữ hộp Tìm kiếm trong DataTable không? Tôi muốn luôn hiển thị 10 hàng có phân trang ở phía dưới cùng với hộp tìm kiếm nhưng không muốn hiển thị danh sách thả xuống Hiển thị mục nhập.

Bạn có thể tìm thêm thông tin trực tiếp trên liên kết này: http://datatables.net/examples/basic_init/filter_only.html

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

Mong rằng sẽ giúp!

EDIT: Nếu bạn lười biếng, "bLpmChange": false, là thứ bạn cần thay đổi :)

Nếu sử dụng Datitable> 1.1.0 thì lengthChangetùy chọn là những gì bạn cần như dưới đây:

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

Đây là câu trả lời chính cho bài đăng "bLengthChange": false,này sẽ ẩn Mục nhập thả xuống

Đối với DataTables <= 1.9, câu trả lời của @perpo

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

hoạt động tốt, nhưng đối với 1.10+ hãy thử điều này:

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

nơi chúng tôi đã bỏ qua l"điều khiển đầu vào thay đổi độ dài"

1.9 Tài liệu

1.10 Tài liệu

Tôi giải quyết nó như thế. Sử dụng bootstrap 4

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

jn 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

css cdn:

• 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" hoặc thông qua một cuộc gọi lại:

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

Để tắt nhãn "Hiển thị mục nhập", hãy thêm mã dom: 'Bfrtip' hoặc bạn có thể thêm "bInfo": false

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

Bạn cũng có thể thử điều này.

chỉ cần ẩn nó khỏi CSS bằng cách sử dụng,

 .dataTables_length {
        display: none;
    }

Cả hai sẽ làm việc.

Chỉ viết :

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

Để ẩn "hiển thị mục" nhưng vẫn có phân trang. Tôi đã sử dụng mã dưới đây và nó đã làm việc.

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

Thêm tùy chọn này:

"bInfo": false

Để tắt nhãn "Show Entries", hãy sử dụng "bInfo", ví dụ: "bFilter" là thành phần tìm kiếm, nhưng được kích hoạt theo mặc định.

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

Kích hoạt hoặc vô hiệu hóa hiển thị thông tin bảng. Điều này hiển thị thông tin về dữ liệu hiện đang hiển thị trên trang, bao gồm thông tin về dữ liệu được lọc nếu hành động đó đang được thực hiện.