jQuery DataTables - Remove Label

I'm trying to remove the words "Search:" from the filter label in DataTables. I have tried to use jQuery to replace the label dom but when replaced the filter will not work. Any one have any other solutions?

Well seems everybody wants code:

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

the above is auto generated by DataTables

Answers:

Answer

refer this link http://datatables.net/ref#sinfo

add this thing to your code--

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

even if you don't get what you wished then you can simply post the same question on dataTable forum...dataload team will assist you...

Hope it will help you..

Answer

You must initialize datatables like this:

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

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

});
Answer

For datatables 1.10.10 (& possibly above), you can use following configuration while creating the datatables instance:

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

For more details, here is the link from DataTables site: https://datatables.net/reference/option/language.searchPlaceholder

Answer

For Datatables 1.9.4 and above you can use this

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

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

});
Answer

Put placeholder when you remove search label

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

try below code:

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

this will get all the level tag element,

since there is only on ehere use index 0.

It will find level element and set the value as ""

Answer

For some reason Placeholder wasn't working for me. So, My workaround for removing Label and Putting place holder is,

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

So, above code will remove search label. And for placeholder.

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

Note :- Be sure that you are including placehoder's jquery line after datatable's initialization and after loading external js of datatable.

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.