ColReorder with select input filter and column resize

xlzero

Hi,

I am trying to come with column reorder feature with select input filter feature and column resizing feature together

I am using this js dataTables.colReorder.min.js, this is working with column reorder and select input filter

However, if I am trying to use ColReorderWithResize.js replace dataTables.colReorder.min.js, with dom set to 'Rlfrtip', the filter stopped working, and resize not working either

if I removed the filter, the resize and reorder worked

is there a conflict here?

$(document).ready( function () {

        var divExample = $('#exampleTable');
        var tableExample =divExample.DataTable({
            "paging": false,

            "searching": true,
            "stateSave": true,

            "colReorder": true////////"dom": 'Rlfrtip'      

        });


    $("#exampleTable thead th").each( function ( i ) {

    var select = $('<select><option value="">'+st+'</option></select>')
        .appendTo( $(this).empty() )
        .on( 'change', function () {
            table${name}${dispName}.column( $(this).parent().index()+':visible'  )
                .search($(this).val() )
                .draw();
        } );
    table${name}${dispName}.column(i ).data().unique().sort().each( function ( d, j ) {
        select.append( '<option value="'+d+'">'+d+'</option>' )
    } );
} );
    } );