search in Header

antoniocib

$('#scadenze thead th').each( function () {                                                                                                                                                                         
var title = $(this).text();                                                                                                                                                                                                         
$(this).html( '<input type="text"  style="text-align:center ; width:100%" placeholder="'+title+'" />' );                                                    
} );

var table = $('#scadenze').DataTable();

table.columns().every( function () {
var that = this;

$( 'input', this.header() ).on( 'keyup change clear', function () {
if ( that.search() !== this.value ) {
    that
    .search( this.value )
    draw();
        }
} );

table.on('select deselect', function () {
table.draw(false);
});
} );

I have implemented the search in the header of the table but I don't want it for all the columns how can I customize it?

rf1234

by assigning a class to the respective td element and then using the class in your JS.

....
initComplete: function () {
    var table = this.api();
    $('.filterHead', table.table().header()).each( function (i) {
....

antoniocib

@rf1234 can you explain it better?

rf1234

You assign the class to the columns you want column search to work and you don't assign the class to those columns that shouldn't be column searchable.