Grid column headers are not aligned with the columns themselves

[archiecobbs]

Description

After loading and displaying a new Grid, the column headers are not aligned with the columns themselves.

If you then grab one of the separators between the column headers and slide it left or right, the headers "snap" into their correct alignments.

Here's a video showing the problem:

VaadinBugVideo.mov

Expected outcome

The column headers should always be aligned with the columns themselves.

Minimal reproducible example

Please download and run this reproducer: https://github.com/archiecobbs/vaadin-grid-load-fail-issue/tree/column-alignment-issue

Note you have to checkout the column-alignment-issue branch.

Steps to reproduce

1. Run git clone [email protected]:archiecobbs/vaadin-grid-load-fail-issue.git
2. Run git checkout column-alignment-issue
3. You need to have tomcat@10 installed via brew
4. Run mvn clean package
5. Run the script ./run.sh
6. Connect to http://localhost:8080/example/example/

Environment

Vaadin version(s): 24.5.5
OS: MacOS 15.1.1

Browsers

Chrome