Vaadin 24.3 - Grid headers misaligned with content rows

Hi, I was wondering if you encountered the situation when, in a Grid, in Vaadin 24.3, if you start playing with column width, for one or more columns, the Grid headers can get misaligned with the contents of the rows.
This was not happening in Vaadin 23.x, no matter how much I played with the width of the columns.
In fact, just simply by upgrading from 23.x to 24.3, almost in all Grids, the headers where misaligned with the rows.
Any idea / workaround / solution is appreciated, or maybe I am doing something wrong.
Thank you

Hi, I wonder if you’re using em-based column widths in your grid? If that’s the case, see the following comment Horizontal scrollbar appears in vaadin-grid with Vaadin 24.3.0 · Issue #6974 · vaadin/web-components · GitHub

1 Like

Hi and thank you very much for the answer.
Indeed, I am using “em” in my column widths.
I’ve seen the comment and this is so helpful.
Thank you.

1 Like