2011-11-24 31 views
24

Tôi đang cố gắng xóa các từ "Tìm kiếm:" khỏi nhãn bộ lọc trong DataTables. Tôi đã cố gắng sử dụng jQuery để thay thế nhãn dom nhưng khi thay thế bộ lọc sẽ không hoạt động. Có ai có giải pháp nào khác không?Dữ liệu jQuery - Xóa nhãn

Vâng dường như tất cả mọi người muốn mã:

<div id="table-staff_wrapper" class="dataTables_wrapper"> 
<div id="table-staff_length" class="dataTables_length"> 
<div id="table-staff_filter" class="dataTables_filter"> 
<label> 
Search: 
<input type="text"> 
</label> 
</div> 
<table id="table-staff" cellspacing="0" cellpadding="0"> 
<div id="table-staff_info" class="dataTables_info">Showing 1 to 3 of 3 entries</div> 
<div id="table-staff_paginate" class="dataTables_paginate paging_full_numbers"> 

trên được tự động tạo ra bởi DataTables

+0

bạn có thể dán mã không? Những người ở đây thích đọc mã thay vì câu .... – wizztjh

+0

Câu cũng đẹp, nhưng mã mang lại trong bối cảnh;) – Blender

+0

bạn có thể giải thích thêm về công nghệ mà bạn đang sử dụng không. Và nếu nó là javascript và html thì hãy tạo jsFiddle cho điều này .. –

Trả lời

58

tham khảo liên kết này http://datatables.net/ref#sinfo

thêm điều này để code-- bạn

"oLanguage": { "sSearch": "" } 

e ven nếu bạn không có được những gì bạn muốn sau đó bạn chỉ có thể gửi câu hỏi tương tự trên dataTable forum ... đội dataload sẽ giúp bạn ...

Hy vọng nó sẽ giúp bạn ..

+0

Một liên kết cụ thể hơn để các thuộc tính trong 'đối tượng oLanugage': http://datatables.net/tham khảo/tùy chọn/ngôn ngữ – Justin

+0

Cảm ơn bạn rất nhiều vivek bạn đã lưu ngày của tôi .. –

0

thử mã dưới đây:

jQuery("level").html("") or 
jQuery("level").text("") or 
jQuery("level").get(0).text("") 

này sẽ nhận được tất cả các yếu tố thẻ mực,

vì chỉ có trên chỉ số sử dụng ehere 0.

Nó sẽ tìm mức eleme nt và thiết lập giá trị là ""

13

Bạn phải khởi datatables như thế này:

$('#yourtable').dataTable({ 
//your normal options 

    "oLanguage": { "sSearch": "" } 

}); 
7

Đối Datatables 1.9.4 trở lên bạn có thể sử dụng

$('#yourtable').dataTable({ 
//your normal options 

    "language": { "search": "" } 

}); 
5

Đối với datatables 1.10.10 (& có thể ở trên), bạn có thể sử dụng cấu hình sau trong khi tạo ví dụ về datatables:

$('.datatable').DataTable({ 
// other initialization configurations... 
// ... 
    "language": { 
     "search": "_INPUT_", 
     "searchPlaceholder": "Search..." 
    } 
}); 

Để biết thêm chi tiết, đây là liên kết từ trang web DataTables: https://datatables.net/reference/option/language.searchPlaceholder

1

Đặt giữ chỗ khi bạn loại bỏ nhãn tìm kiếm

$("#data-table").DataTable({ 
    language: { search: "",searchPlaceholder: "Search..." } 
}); 
0

Đối với một số lý do Placeholder đã không làm việc cho tôi. Vì vậy, cách giải quyết của tôi để loại bỏ nhãn và Đưa giữ chỗ là,

$('#RecentLogs').dataTable({ 
     "oLanguage": { "sSearch": "" } 
}); 

Vì vậy, trên mã sẽ loại bỏ nhãn tìm kiếm. Và dành cho trình giữ chỗ.

$('.dataTables_filter input').attr("placeholder", "Search Here"); 

Note: - Hãy chắc chắn rằng bạn đã bao gồm dòng jquery placehoder sau khi khởi tạo DataTable và sau khi tải js bên ngoài của DataTable.