Vaadin-grid show/hide the columns by click method.


I have a vaadin-grid in my

angular2 project

with different columns like (column heder: firstname, lastname, age, country). I’m trying for the functionality to hide and show a particular column. whenever i clicked on column header of firsname then only the lastname column has to display in the vaadin-grid.

Can any one help me to acheive my task.

Thank you.

plunker link


you should be able to enable column hiding by using the
attribute on your [font=courier new]

[/font] elements. See the [url=] Hiding Columns [/url] section of the Grid documentation for more details.