Hover Column - Vaadin Add-on Directory
Hide contents of a Grid Column until hovering on the row.Simple CSS add-on that will hide the contents of a Grid Column until the user hovers over the row, by simply adding a CSS class to column.
```
grid.addComponentColumn(person -> {
//this component will be invisible
HorizontalLayout buttons = new HorizontalLayout();
Button edit = new Button(VaadinIcon.PENCIL.create());
//exclude this button so that it is always displayed
edit.addClassName(HoverColumn.HOVER_COLUMN_EXCLUDE_CLASS);
Button delete = new Button(VaadinIcon.TRASH.create());
buttons.add(edit,delete);
return buttons;
}).setClassNameGenerator(person -> {
return HoverColumn.HOVER_COLUMN_CLASS;
});
```
Useful for hiding redundant button or status columns.
View on GitHub