Vuetable-2: Hide column?

Created on 15 Nov 2017 · 2Comments · Source: ratiw/vuetable-2

Hello there!
First off, I just wanted to say that I absolutely adore the software that you all have made, it works really well.

My only issue is that I have 2 modes: admin, and normal user. The only difference is that one column is hidden. Is there any way to dynamically hide a certain column?

Thanks!

Source

the-mann

Most helpful comment

Hi @mitymarcus It's possible to do that but there is one caveat
http://jsfiddle.net/z11fe07p/2681/

You have to call a method which re-renders table columns in case the table was already rendered.

toggleColumn() {
    this.nicknameColumn.visible = !this.nicknameColumn.visible
    this.$refs.vuetable.normalizeFields()
},

In case you know that a column will be displayed/hidden from the start, you could simply add the property visible: false on the column based on the user role

cristijora on 16 Nov 2017

🎉3 👍1

All 2 comments

Hi @mitymarcus It's possible to do that but there is one caveat
http://jsfiddle.net/z11fe07p/2681/

You have to call a method which re-renders table columns in case the table was already rendered.

toggleColumn() {
    this.nicknameColumn.visible = !this.nicknameColumn.visible
    this.$refs.vuetable.normalizeFields()
},

In case you know that a column will be displayed/hidden from the start, you could simply add the property visible: false on the column based on the user role

cristijora on 16 Nov 2017

🎉3 👍1

Wow, you are incredible at supporting the project! Thanks for all the help, it works perfectly!

the-mann on 16 Nov 2017

Was this page helpful?

0 / 5 - 0 ratings