Grid Scroller...

quintessential-manatee · October 20, 2023, 10:26am

How can i style Grid Scroller? I can’t style that default grid scroller. Iam using hilla with react front-end.Could you please help me!

determined-zonkey · October 20, 2023, 10:47am

Hi. If you’re referring to this internal element (with id “scroller”) https://github.com/vaadin/web-components/blob/main/packages/grid/src/vaadin-grid.js#L263, ideally there should not be a need to style it. What kind of styling would you apply to it?

quintessential-manatee · October 21, 2023, 6:01am

i want to change the color of the scroller and style the border-radius.

determined-zonkey · October 23, 2023, 6:22am

To add border-radius to the grid, try the following:

vaadin-grid {
  border-radius: 1em;
  overflow: hidden;
}

determined-zonkey · October 23, 2023, 6:39am

To change cell background color:

vaadin-grid::part(cell) {
  background: red;
}