jQuery DataTables-删除标签

2021/01/20 03:51 · jquery ·  · 0评论

我正在尝试从数据表的过滤器标签中删除单词“搜索:”。我尝试使用jQuery替换标签dom,但是替换后,过滤器将无法工作。有人有其他解决方案吗?

似乎每个人都想要代码:

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

以上是由DataTables自动生成的

请参阅此链接http://datatables.net/ref#sinfo

将此东西添加到您的代码中-

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

即使您没有得到想要的东西,也可以在dataTable论坛上发布相同的问题... dataload团队将为您提供帮助...

希望对您有帮助。

您必须像这样初始化数据表:

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

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

});

对于数据表1.10.10(可能还有以上),在创建数据表实例时可以使用以下配置:

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

有关更多详细信息,这是来自DataTables网站的链接:https : //datatables.net/reference/option/language.searchPlaceholder

对于数据表1.9.4及更高版本,您可以使用此

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

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

});

删除搜索标签时放置占位符

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

试试下面的代码:

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

这将获取所有的级别标签元素,

由于仅在此处使用索引0。

它将找到级别元素并将值设置为“”

由于某种原因,占位符不是为我工作。因此,我删除标签和放置占位符的方法是,

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

因此,以上代码将删除搜索标签。和占位符。

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

注意:-确保在初始化数据表和加载数据表的外部js之后,要包含placehoder的jquery行。

本文地址:http://jquery.askforanswer.com/jquery-datatables-shanchubiaoqian.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!