Change DataTable Search Label

Solution 1:

The other answer that uses "oLanguage" is using legacy DataTables api. According to DataTables v 1.10+ documentation, the syntax is:

$('#example').dataTable( {
  "language": {
    "search": "Filter records:"
  }
} );

Solution 2:

very easy, just put this parameter when you call data table function:

"oLanguage": {
  "sSearch": "<span>YOUR SEARCH TITLE HERE:</span> _INPUT_" //search
}

Solution 3:

Inside the Datatable Javascript (table = $dataTable.DataTable) add the following code:

language: {
  'search' : '' /*Empty to remove the label*/
}

I left the search empty because I wanted the info to be in the Placeholder

Ps: If you want to add a placeholder put the following code outside the Datatable initialization

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

Solution 4:

I have found this code will change the Search Label ( in my case to "Filter results:" before the DataTable get populated with data.

var dataTable_leSrch = $('#dataTable_leSrch').dataTable({
    "oLanguage": {
        "sSearch": "Filter results:"
    }
});

but when I later populate the DataTable with data the label reverted back to "Search:", so I had to add this code to my DataTable configuration to keep the label changed:

function fillDataTable(res) {
if ($('#dataTable_leSrch').length !== 0) {
    $('#dataTable_leSrch').DataTable({
        fixedHeader: {
            header: true,
            headerOffset: $('#header').height()
        },
        oLanguage: {
            "sSearch": "Filter results:"
        },
        responsive: false,
        scrollX: true,
        scrollY: 400,
        scrollCollapse: true,
        select: true,
        destroy: true,
        aaData: res.data.Results,
        ...