Advanced interaction
features for your tables.

Comprehensive editing
library for DataTables.

Manual

Download

≡ Show site navigation

Placeholder for DataTables Search

Placeholder for DataTables Search

jmyrtle Posts: 52Questions: 3Answers: 0

February 2020 in Free community support

Is there a way of adding a text placeholder to a DataTables search bar? If so, how do I do it?

I've seen where I can use the language.searchPlaceholderoption, but it isn't working in my code.

Here is my current JSON script:

$(document).ready(function() {
    $('#dataTable').DataTable( {
        "processing": true,
        "serverSide": true,
        "order": [],
        "pageLength": 25,
        "ajax": "api/server.php",
    })
});

This question has an accepted answers - jump to answer

Answers

kthorngren Posts: 21,344Questions: 26Answers: 4,954

February 2020 Answer ✓

language.searchPlaceholder works in this example:
http://live.datatables.net/wuvelewi/1/edit

Please update the example to show the issue.

Kevin

jmyrtle Posts: 52Questions: 3Answers: 0

February 2020

Ahhh... silly me. I had a syntax error but was able to get it resolved:

$(document).ready(function() {
    $('#dataTable').DataTable( {
        "processing": true,
        "serverSide": true,
        "order": [],
        "pageLength": 25,
        "ajax": "api/server.php",
         language: {
        searchPlaceholder: "Enter Last Name"
    }
    });
});

This discussion has been closed.