Individual column filtering after reordering columns returns data to wrong column

serranoblake

I can filter columns with no problem. I can drag and drop columns with no problem. But if I drag and move columns around and then filter any column the data gets returned to the wrong column. Here is an image as an example.

After moving columns and before filtering by a column https://i.stack.imgur.com/qE63D.png

Now after filtering by IC the correct data is returned but it is under the wrong column https://i.stack.imgur.com/mQgPM.png

Here is the code I am using to create the footers

$('#inventorySearch tfoot th').each(function () {
var title = $(this).text();
if (title == "Description" || title == "IC" || title == "Portfolio" || title == "Brand" || title == "Vendor" || title == "Vendor #" || title == "Brand Manager") {
$(this).html('<input type="text" style="width: 100%;" placeholder="' + title + '" />');
}

    });

I am using server side processing and I am using colReorder. I have tried everything I can think of but I cannot figure out how to keep the data int he right column. Thanks in advance.