Grid Hide Columns Checkmark

Flow
1

Hello,

iam using the Vaadin 8 Framework and i created a Gird.
I filled it with some data added some filters and all is working fine.
But when it comes to hide columns i have a problem with the context menu:





As you can see in the picture there is a checkmark when the column is visible and no checkmark when its not.
But i dont get this to work properly. The context menu is there but there are no checkmarks so the user does not know if the column is visible or not.
Does someone has an idea how to fix this issue?

this.grid.getColumns().stream().forEach(column -> {
column.setHidable(true);
});

best regards Marcus
41001.png

2

Hey Marcus,

first off what version of the Vaadin 8 Framework are you working with?

List<Dummy> temp = new ArrayList<>();
for (int i = 0; i < 20; i++) {
Dummy dummy = new Dummy();
dummy.setFirstName("User " + i);
dummy.setLastName("Test " + i);
dummy.setAddress("Some address");
temp.add(dummy);
}
Grid<Dummy> grid = new Grid<>(Dummy.class);
grid.setItems(temp);
grid.getColumns().forEach(column -> column.setHidable(true));
setContent(grid);

This code works fine for me I’m using 8.2.0, maybe you can try it.

Greetings,
Michael

3

Hello Michael,

thanks for your quick reply.
Iam using 8.0.1 and i tried the exact some code. Ill try to update Vaadin to version 8.2.1 and recompile the widgetset.
Maybe that will help.

best regards
Marcus

4

Ok i upgraded to Vaadin 8.2.1 but i still got these problems. I guess something is wrong with the theme.
If you look at the HTML from my Context menu:
and compare it with how it should look like:

So i guess i have to add the ::before to the style.css file, but when i do so and recompile the widgetset it will get overwritten.

Next problem is with the TwinColSelect:
How mine is looking:

How it should look like:

Does someone has an idea how to fix those issues?

best regards
Marcus