controling table visibility via Vue.js - 0 width columns when unhiding
controling table visibility via Vue.js - 0 width columns when unhiding
coreywi
Posts: 7Questions: 5Answers: 0
I have a page with 3 data tables (v1.10.19). These tables are conditionally hidden/unhidden via a vue.js model variable. These tables have 'local' javascript as the data source.
The initially visible table displays fine. But when I Click a button that changes the vue.js variable, the newly visible table has the data but the columns have 0 width. If I switch back to the first visible table (which displayed fine), it now has 0-width columns.
Is there a way to get around this behavior?
I am trying to do a 'table_name.columns.adjust().draw();' but to no avail.
Fully repeatable test case:
This discussion has been closed.
Answers
This question was answered here:
https://datatables.net/forums/discussion/53055/hidden-tables-made-visible-lose-formatting#latest
Kevin