2011-11-24 80 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的线。