Conditionally show columns

[ThisuraThejith]

I have used vue-easytable plugin version 2.8.2 to display a table inside a Vue component. I have a problem of finding how to conditionally display a table column.

In the demo displayed in here when either of the "Row Radio" or "Row Checkbox" switches are switched on we can see a column is added to the demo table dynamically. So I think this feature/functionality should be there already in the plugin but I couldn't find how to achieve this referring to the documentation.

Within my Vue component the columns array I pass to vue-easytable is as follows.

columns: [ { field: "entity", key: "c", title: "Entity", align: "left", sortBy: "asc", }, { field: "version", key: "d", title: "Version", align: "center", }, { field: "test_date", key: "e", title: "Test Date", align: "center", }, { field: "score", key: "f", title: "Score", align: "center", }, { field: "score_percentage", key: "g", title: "Score (%)", align: "center", }, { field: "result", key: "h", title: "Result", align: "center", } ]

I want to show the "Entity" column when a condition is satisfied. What should I do to achieve that?

[huangshuwei]

In this example, I implemented it through computed. You can refer to this file for specific code implementation .

[ThisuraThejith]

Thanks a lot @huangshuwei.

[huangshuwei]

I am also considering whether to add some APIs to support the hidden column feature

[ThisuraThejith]

It would be great if you guys could do that @huangshuwei . You guys have done a great job already by implementing vue-easytable. Keep up the great work.

[huangshuwei]

Hi, The new version adds column hidden feature.