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

can you paste in the code? The people here like to read code instead of sentences .... — wizztjh
– wizztjh, Commented Nov 24, 2011 at 6:09
can you elaborate little more about the technology are you using .. and if it is javascript and html then create jsFiddle for this.. — Niranjan Singh
– Niranjan Singh, Commented Nov 24, 2011 at 6:11
hi, there is no code for me to paste. Unless I can post a picture. But anyone familiar with jQuery DataTable would know the Search Box which is used as a filter. I am trying to remove the words, I just want the box only. — d123
– d123, Commented Nov 24, 2011 at 6:12
please read and understand before add a -1. The code that I'm dealing with is auto generated, and therefore I can't really elborate much — d123
– d123, Commented Nov 24, 2011 at 6:16

Vivek · Accepted Answer · 2016-12-19 15:28:39Z

63

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

edited Dec 19, 2016 at 15:28

answered Nov 24, 2011 at 6:36

Vivek

11k15 gold badges51 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Justin Over a year ago

A more specific link to the properties in the oLanugage object: datatables.net/reference/option/language

Nicola Peluchetti · Accepted Answer · 2011-11-24 12:32:02Z

13

You must initialize datatables like this:

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

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

});

answered Nov 24, 2011 at 12:32

Nicola Peluchetti

77k32 gold badges150 silver badges197 bronze badges

Comments

Nikhil · Accepted Answer · 2016-06-10 21:20:26Z

8

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

answered Jun 10, 2016 at 21:20

Nikhil

4152 gold badges6 silver badges12 bronze badges

Comments

techvineet · Accepted Answer · 2015-07-02 16:29:51Z

7

For Datatables 1.9.4 and above you can use this

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

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

});

answered Jul 2, 2015 at 16:29

techvineet

5,1112 gold badges32 silver badges29 bronze badges

Comments

HIR · Accepted Answer · 2017-06-12 12:57:53Z

4

Put placeholder when you remove search label

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

answered Jun 12, 2017 at 12:57

HIR

3123 silver badges11 bronze badges

Comments

Nicola Peluchetti · Accepted Answer · 2011-11-24 12:30:53Z

0

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

edited Nov 24, 2011 at 12:30

Nicola Peluchetti

77k32 gold badges150 silver badges197 bronze badges

answered Nov 24, 2011 at 6:45

dku.rajkumar

18.6k8 gold badges43 silver badges58 bronze badges

Comments

Bhavin · Accepted Answer · 2018-01-18 09:32:34Z

0

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.

answered Jan 18, 2018 at 9:32

Bhavin

2,2086 gold badges39 silver badges56 bronze badges

Collectives™ on Stack Overflow

jQuery DataTables - Remove Label

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related