Show/hide grid row dividers

Flow
1

Hello,
how can you set a Vaadin Flow Grid to show or hide the separator line between the rows?

2

Hi!

You can do this with the theme attribute: <vaadin-grid theme="no-row-borders"> (see the [demo]
(https://vaadin.com/components/vaadin-grid/html-examples/grid-theme-demos))

3

Hi Pekka! Thanks for your answer.

Just to add my 2 cents:

If you are in Java, you can also use the methods addThemeVariants(...) and removeThemeVariants(...) of the Grid class.

e.g.

myGrid.addThemeVariants(GridVariant.LUMO_NO_ROW_BORDERS);

removes the lines between the rows.

4

Ah, sorry, I didn’t notice that you were talking about the Flow component.

Great that you found the Java API. :slight_smile: