DataTable: Ẩn trình đơn thả xuống Hiển thị mục nhưng giữ hộp Tìm kiếm

Question

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

Answer 1

Bạn có thể tìm thêm thông tin trực tiếp vào 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 }); 
}); 

Hy vọng rằng sẽ giúp!

EDIT: Nếu bạn là lười biếng, "bLengthChange": false, là một trong những bạn cần thay đổi :)

Answer 2

sDom: "Tfrtip" hoặc thông qua một callback:

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

Answer 3

Đây là chính câu trả lời cho bài này "bLengthChange": false, sẽ ẩn Entries Dropdown

Answer 4

Để vô hiệu hóa nhãn "Hiển thị mục", 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 
    }); 
}); 

Bật hoặc tắt hiển thị thông tin bảng. Điều này cho thấy 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.

Answer 5

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

"bInfo": false 

Answer 6

Để ẩn "cho thấy mục" nhưng vẫn có pagination. Tôi đã sử dụng mã bên dưới và nó hoạt động.

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

Answer 7

Đối với DataTables < = 1,9, câu trả lời @perpo 's

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

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

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

nơi chúng tôi đã bỏ sót l là "chiều dài thay đổi điều khiển nhập "

1.9 Docs

1.10 Docs

Answer 8

Để vô hiệu hóa "Show Entries" nhãn, thêm dom mã: 'Bfrtip' hoặc bạn có thể thêm "bInfo": false

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

Answer 9

Nếu sử dụng DataTable> 1.1.0 sau đó lengthChange lựa chọn là những gì bạn cần như sau:

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

Answer 10

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

bạn có thể thử này cũng có.

chỉ đơn giản là giấu nó từ CSS bằng cách sử dụng,

.dataTables_length { 
     display: none; 
    } 

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