multi filter is not working

sunilomrey

Hi, this is my code. I am trying to multi filter ajax. Please help me fix this.

 $(document).ready(function () {
         $('#student_data tfoot th').each( function () {
             var title = $(this).text();
             $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
         });

        var datatable = $('#student_data').DataTable({
            "processing": true,
            "serverSide": true,
            "order": [],
            "ajax": {
                url: "<?php echo base_url(); ?>main/get_student_data",
                type: "post"
            }

        });
        
        datatable.columns().every( function () {
        var that = this;
 
        $( 'input', this.footer() ).on( 'keyup change', function () {
            if ( that.search() !== this.value ) {
                that
                    .search( this.value )
                    .draw();
            }
        } );
    } );
    });

allan

Hi,

Thanks for your question. Per the forum rules please do not post duplicates (I've deleted your other thread on this topic now) and please post a link to a test case showing the issue so we can offer some help.

Since you are using server-side processing you would need to make sure that your server-side script supports multi-column filtering.

Allan