2011-11-24 156 views
24

我試圖從DataTables中的過濾器標籤中刪除「Search:」一詞。我試圖用jQuery來替換標籤dom,但是當更換時,過濾器不起作用。任何人有任何其他解決方案?jQuery DataTables - 刪除標籤

那麼似乎每個人都想代碼:

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

以上是由數據表自動生成

+0

你能粘貼代碼嗎?這裏的人喜歡閱讀代碼而不是句子.... – wizztjh

+0

句子也很好,但代碼帶來的上下文;) – Blender

+0

你可以詳細說明一點關於你使用的技術..如果它是JavaScript和HTML,然後創建jsFiddle這.. –

回答

58

參考此鏈接http://datatables.net/ref#sinfo

添加這個東西到你的代碼 -

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

e VEN,如果你沒有得到你想,那麼你可以簡單地張貼在dataTable forum同樣的問題是什麼......數據加載團隊將協助您...

希望它會幫助你..

+0

更具體的鏈接的屬性在'oLanugage'對象:http://datatables.net/reference/option/language – Justin

+0

非常感謝你拯救了我的一天.. –

0

試試下面的代碼:

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

這將讓所有的級別標記元素,

因爲只有在ehere使用索引0

它會找到水平eleme NT,並設置爲 「」

13

必須初始化數據表是這樣的值:

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

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

}); 
7

對於數據表1.9.4及以上,你可以使用這個

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

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

}); 
5

對於數據表1.10.10( &)可以在創建數據表實例時使用以下配置:

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

有關詳細信息,下面是數據表的網站上的鏈接:https://datatables.net/reference/option/language.searchPlaceholder

1

認沽佔位符時刪除搜索標籤

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

出於某種原因,佔位符不是爲我工作。 所以,我的去除標籤,並把佔位符的解決方法是,

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

所以,上面的代碼將刪除搜索標籤。 並佔位符。

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

注意: - 一定要包括後DataTable的初始化和加載的數據表外部JS後placehoder的jQuery的線。