jQuery DataTables - Remove Label

Question

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

Answer 1

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 2

You must initialize datatables like this:

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

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

});

Answer 3

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 4

For Datatables 1.9.4 and above you can use this

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

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

});

Answer 5

Put placeholder when you remove search label

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

Answer 6

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.

Answer 7

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