To setup initial search value of datatables, as per the documentation we can use,
search: { search: "Search text" }
However, when it is a AJAX table, this will not work. To make it work, we will have to modify our code as,
let searchText = "Search text";
let table = $('#table').on('preXhr.dt', function(e, settings, data)
{
// Set the initial search value
if (!settings._searchSet)
{
data.search.value = searchText;
settings._searchSet = true;
}
}).DataTable({
ajax: 'https://www.example.com/fetch-result',
serverSide: true,
processing: true
});
Set initial search value for datatables with AJAX