Lọc dữ liệuTables.net mà không có đầu vào hộp lọc bao gồm

Question

Tôi muốn sử dụng chức năng lọc của DataTables, nhưng không muốn sử dụng hộp tìm kiếm của chúng với nó.

In their docs dưới bFilter nó nói:

Lưu ý rằng nếu bạn muốn sử dụng lọc trong DataTables này phải còn 'true' - để loại bỏ các bộ lọc mặc định hộp nhập liệu và duy trì lọc khả năng, hãy sử dụng

sau đó câu chưa được hoàn thành.

tôi đã cố gắng:

var oTable = $('#sortable').dataTable({ 
    'bPaginate':false, 
    'bInfo':false, 
    'bFilter': true // displays Search box, setting false removes filter ability all together 
}); 
$('#Accumulate').click(function(){ 
    oTable.fnFilter("Accumulate"); 
}); 

Answer 1

Bạn cũng có thể che giấu được sử dụng lớp css

<style type="text/css"> 
.dataTables_filter { 
    display: none; 
} 
</style> 

Answer 2

Pratyush,

hiển thị mỹ phẩm tinh khiết và ẩn các yếu tố giao diện người dùng khác nhau được thực hiện với tham số sDom:

http://datatables.net/usage/options#sDom

Lưu ý rằng cú pháp theo yêu cầu là khác nhau tùy thuộc vào nếu bạn đang sử dụng jQuery UI hay không.

Answer 3

sử dụng (có khả năng tăng tốc độ khởi DataTable như tránh được một số tính):

$("#table").dataTable({"bFilter": false}); 

hoặc bất kỳ sDom mà không f tùy chọn (tham khảo tài liệu chính thức http://datatables.net/usage/options#sDom để biết danh sách các tùy chọn có sẵn):

$("#table").dataTable({"sDom": '...t...'}); 

Hãy tìm tùy chọn tương tự tại trang web hỗ trợ chính thức: http://datatables.net/forums/discussion/289/disable-search-filter-text-box

Answer 4

"sDom": 'ltipr' 

là cách đơn giản nhất cách để làm điều đó.

ví dụ đầy đủ mà tôi đã sử dụng:

oTable = $('#overview').dataTable(

     { 
      "aoColumns":[ 
           null, 
           null, 
           null, 
           null, 
           null, 
           { "sSortDataType":"date-euro"}, 
           { "sSortDataType":"date-euro",}, 
           null 
       ], 
       "aaSorting":[], 
       "iDisplayLength": -1, 
       "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]], 
       "sDom": 'ltipr' 

     } 
     );