Vuetiful is a component framework written on top of the Vue reactive library. It is primarily designed for creating business/administration applications where the displaying of data is paramount.
I would like to be able to show or hide columns using a toggle. To accomplish this I have tried to use v-if and v-show` to no avail.
The v-if Issue
When using v-if everything seems to work fine. However if you hide any column that isn't the last column, when you toggle it to show again the header label shows in the original location but the data is appended to the last column and pushes the other data to the left. This makes all the values incorrect starting at the column you toggled.
The v-show Issue
When using v-show the header label is hidden but the data is still visible.
Let me know if there is anything I'm missing or what else I can try.
Thanks for making such an awesome component setup! I love it!
I would like to be able to show or hide columns using a toggle. To accomplish this I have tried to use
v-ifand v-show` to no avail.The
v-ifIssueWhen using
v-ifeverything seems to work fine. However if you hide any column that isn't the last column, when you toggle it to show again the header label shows in the original location but the data is appended to the last column and pushes the other data to the left. This makes all the values incorrect starting at the column you toggled.The
v-showIssueWhen using
v-showthe header label is hidden but the data is still visible.Let me know if there is anything I'm missing or what else I can try.
Thanks for making such an awesome component setup! I love it!