How to make Individual Column Search using DataTable JS | DataTable JS

Hello Friends,

In this video, we will learn "How to make Individual Column Search using DataTable JS"

If you like this video, I request you all kindly subscribe to my channel

Also, as promised here is the code where you can copy and paste ad run it

I will keep sharing knowledge with you all, Please Subscribe to my channel and keep your love and support :)

Thanks
Sourabh

[kisho]

How add multiple select/checkboxes filter per column?

[namratathakur]

Agr isne se kisi ek column ka remove Krna ho search filter so what I have to do

[SAQIBALI-gwoh]

Ye server side individual search kaise bana ga

[achyuthkumar]

Hi Sourabh, awesome explanation. a good channel to learn any real time things.
I have a scenario, where we have stopped the autofiltering inside the datatable, so it should not filtered the results at the spot, instead it should filter the results once we click on the Main Search Button. but main search button having behind the code to retrieve the data set. can you please tell me how we can implement? please?

[aashishomre]

how to search columns on dynamically fetched data using ajax ?

[tanjiaxian]

Sir sorry. Can you update the code link cause it's broken.

[ur]

full code, with previous code is
$(document).ready(function () {
$('table#example tfoot th').each(function () {
var title = $(this).text();
$(this).html('<input type="text" placeholder="Search ' + title + '"/>');
})


"searching": true,
"paging": true,
"pageLength": 20,
"order": [[3, 'desc']],
"ordering": 1,
"columnDefs": [{
"targets": [0, 1, 2],
"orderable": false
},
{
"targets": [1],
"visible": false,
"searchable": true
}],
initComplete: function () {
// Apply the search
var api = this.api();
api.columns().every(function () {
var that = this;
$('input', this.footer()).on('keyup change clear', function () {
if (that.search() !== this.value) {

}
});
});
}
})
});