Columns widths (formatting) are not rendering on first draw

joelones

I have multiple bootstrap tabs, within each a seperate DataTable, on click on the tab I execute the following for each respective tab:

Table.columns.adjust().draw();

So the scenario is as such, the first tab / table has no data and the columns widths are formatted in such a way, now i click on the second tab and go back to the first. I now see data in the first, but the column widths are still formatted as if there's no data. A second refresh then fixes the width accordingly to the now populated data.

How can I overcome this double refresh to fix the formatting?

I found this thread: http://stackoverflow.com/questions/25922255/why-doesnt-columns-render-execute-when-datatable-draw-is-called

Thanks