Vaadin Grid: alternating row color if not using LUMO theme

user_6665108 0
Viewed 162

For Grids using the LUMO theme there is an easy solution to get alternating row colors (look here under "Theme variants usage"). Furthermore if you know the number of grid columns you can set the colors using CSS selector vaadin-grid-cell-content:nth-child(an+b). But unfortunately both of these conditions are not met in our case.

How can one achieve alternating row colors in general cases?

The only solution I can come up with is using List input data and defining a row class generator as follows:

grid.setClassNameGenerator(i -> (entities.indexOf(i) % 2) == 0 ? "even-row" : "");

But I would like to use all types of Collection as input data.

vaadin-grid vaadin
1 Answers

For those looking for an answer, look at the comment from cfrick. The CSS selector is

:host([theme~="row-stripes"]) [part~="row"]:not([odd]) [part~="body-cell"]
user_66651080
Related