Fixedheader not working with multiple Datatable on single page

Hi , In my project I am using Datatable . Every page have three to four tables and I want fixed header for every table. As only current active or visible table's header will have fixed header

I had tried with static html table it is working but it is not working with dynamic json binding
**Current Issues **
1) After Datatable is binded the fixed header doesn't get applied , It get applied If I click on any event button
2) The last binded header is getting fixed for all the data table
3) Even the header is not getting properly aligned with table horizontal![] (img has been attached )
(https://datatables.net/forums/uploads/editor/xt/b4mf6q1bqmg4.png "")
scroll

** Here the code which I am using **
_
$('#tableID').dataTable({
fixedHeader: {
header: true
},
data: JSONDATA,
"aaSorting": [],
"columns": currentcolumns,
"columnDefs": currentcolumnsdef,
"destroy": true
});
$('#tableID').dataTable().fixedHeader.adjust();_