Table header width misalinged with table contents
Table header width misalinged with table contents

Hi,
I am using DataTables in recent times and its very useful.
I have been using 2 tables under 2 different nav tabs. When the page loads at first, the active nav tab table is fine. But when I switch to the next nav tab, the table header is misaligned with table content. Again when I click on the header, then the table is fine.
I have been reading all the solutions provided, but none helped in fixing my issue.
Please find the attached file.
Can you please help me here.
This discussion has been closed.