Vaadin Grid 冻结列手动调整宽度超出边界问题与潜在原因

import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.grid.Grid.Column;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.Route;

import java.util.Arrays;
import java.util.List;

@Route("frozen-column-issue")
public class FrozenColumnIssueView extends VerticalLayout {

    public static class MyData {
        private String id;
        private String name;
        private String description;
        private int value;

        public MyData(String id, String name, String description, int value) {
            this.id = id;
            this.name = name;
            this.description = description;
            this.value = value;
        }

        public String getId() { return id; }
        public void setId(String id) { this.id = id; }
        public String getName() { return name; }
        public void setName(String name) { this.name = name; }
        public String getDescription() { return description; }
        public void setDescription(String description) { this.description = description; }
        public int getValue() { return value; }
        public void setValue(int value) { this.value = value; }
    }

    public FrozenColumnIssueView() {
        // 示例数据
        List<MyData> data = Arrays.asList(
                new MyData("1", "Item A", "This is a long description for item A", 100),
                new MyData("2", "Item B", "Another long description for item B", 200),
                new MyData("3", "Item C", "Yet another description for item C", 150)
        );

        Grid<MyData> grid = new Grid<>(MyData.class);
        grid.setItems(data);

        // 获取需要冻结的列
        Column<MyData> idColumn = grid.getColumnByKey("id");
        Column<MyData> nameColumn = grid.getColumnByKey("name");
        Column<MyData> descriptionColumn = grid.getColumnByKey("description");
        Column<MyData> valueColumn = grid.getColumnByKey("value");

        // 确保列可调整大小
        if (idColumn != null) {
            idColumn.setResizable(true);
        }
        if (nameColumn != null) {
            nameColumn.setResizable(true);
        }
        if (descriptionColumn != null) {
            descriptionColumn.setResizable(true);
        }
        if (valueColumn != null) {
            valueColumn.setResizable(true);
        }

        // 冻结第一列 (idColumn)
        grid.setFrozenColumnCount(1);

        // 尝试为冻结列设置最大宽度
        // 期望：id列宽度不超过150px
        // 实际：在手动调整时，此设置可能无效
        if (idColumn != null) {
            idColumn.setMaximumWidth(150);
            idColumn.setFlexGrow(0); // 禁用弹性增长，配合固定宽度或最大宽度使用
            idColumn.setWidth("100px"); // 初始宽度
        }

        // 其他列的设置
        if (nameColumn != null) {
            nameColumn.setFlexGrow(1);
        }
        if (descriptionColumn != null) {
            descriptionColumn.setFlexGrow(2);
        }
        if (valueColumn != null) {
            valueColumn.setFlexGrow(0);
            valueColumn.setWidth("80px");
        }

        grid.setHeight("300px");
        grid.setWidth("100%");

        add(grid);
    }
}