Rounded corners in Vaadin Grid component

Flow
1

Hi,

Is there a way to change the border style of a grid? I would like the corners rounded. I am using the component in Java.

Thanks.

Edit: I found a solution. But there is still a problem. Edited the file shared-styles.css in frontend:

.styled {
  border-radius: 1em;
}

And in Java:

myGrid.setClassName("styled");

But this only affected the bottom corners, the top ones dissapeared:

![grid with rounded corners]
(https://i.imgur.com/Tu28bHd.png)

2

You need to add overflow: hidden; as well. The background color of the rows are covering up the corners otherwise.

3

That worked! Thanks!