Resizing column makes the header moves first and then the content

[rajkumar-osm]

When resizing a column, column header seems to be moving first, then on mouse leave the column content moves.

And also when resizing, some of the columns are being removed from the DOM.

Here is my data table configuration

var table = $('#example').DataTable({
        'ajax': 'https://api.myjson.com/bins/qgcu',
        'dom': 'Rlfrtip',
        'colReorder': {
            'allowReorder': true
        }
});

It works fine as an independent piece of code but causing a problem when I put into my application.

I agree that it could be a problem with my application also, but if anyone can give me some clues about such behavior, it would be helpful for my further investigation.