Hiding/unhiding datatables with Vue - 0-width columns

coreywi

I created a page with multiple DataTables that are hidden/shown via vue data variable. The initially 'shown' datatable looks fine. When you switch to the second table, showing it, the column formats are all wrong. If you change back to the originally working table, it's column widths are broken as well.

Is this even possible? Apparently I can hook into some arcane 'nextTick' vue.js API method, but no luck.

Repro fiddle:

http://jsfiddle.net/cardinal177/m7bzjsag/9/

kthorngren

This question was answered here:
https://datatables.net/forums/discussion/53055/hidden-tables-made-visible-lose-formatting#latest

Kevin