Previous Datatable FixedHeader not being removed

Neighlyd

Hello,

I have a page that has a tab selection loading a variety of pages each containing a different datatable. This way, the user can flip between different datatables, using Ajax to populate them. The tables all have fixedHeader set to true.

However, what I am noticing is that the fixedHeader of each table seems to "stick around" after the new pages load, even though the data does not. That is, if I load tab A then tab B, tab A's header will pop up when the fixedHeader is triggered. I have tried putting a $("#table").DataTable().destroy(); prior to each table initialization on every page that is loaded, but this does not seem to make a difference, and I'm not sure why.

Any thoughts? Let me know if there is any additional information I can provide.

Thank you,
Dustin