I am facing an issue with two jQuery datatables that have the same class names. The search functionality works in one table but not in the other. I need some help reviewing my code to figure out how to fix this.
jQuery
$('.dataTable th.searchClass').each( function () {
var title= $(this).text();
$(this).append( '<br/><input type="text" class="searchClassIcon" placeholder="Search '+title+'" />' );
});
/*applying dataTable*/
var table=$('.tab-section table.dataTable').DataTable({
"bJQueryUI": true,
"bSort": false,
"sPaginationType": "full_numbers",
"bPaginate":false,
"bFilter":true,
"sType":"string"
});
// Apply the search
table.columns().eq(0).each( function ( colIdx ) {
$( 'input', table.column( colIdx ).header() ).on( 'keyup change', function () {
//console.log("search");
table.column( colIdx ).search( this.value ).draw();
} );