getting fixed header issue on page load

Karan_Ekkawala

i have different table in my page and each page contain datatable . when the page get loaded first time the fixedheader work but it will change it position to lil bit left side. when i fire any event like changes pages size or search it will work properly their after.
please find attachment to see detail. pls reply soon as possible

Karan_Ekkawala

My code is mention below where dt is my dynamic generated id

var table = $('#' + dt).DataTable({
responsive: true,
//fixedHeader: true,
"columnDefs": [{ "targets": "no-sort", "orderable": false }],
"aaSorting": [],
"fnDrawCallback": function (oSettings) {
}
// "columnDefs": [{ type: 'date-uk', targets: "date-sort" }],
});

            new $.fn.dataTable.FixedHeader(table);