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">
<input type="text">
<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



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


You must initialize datatables like this:

//your normal options

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


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

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


For Datatables 1.9.4 and above you can use this

//your normal options

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


Put placeholder when you remove search label

   language: { search: "",searchPlaceholder: "Search..." }

try below code:

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

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


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

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


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.