如何冻结Vaadin Grid最顶部行，实现垂直滚动时始终可见？

Vaadin Grid原生不支持数据行冻结（你查阅的列冻结文档仅针对列固定，和行冻结无关），但可以通过两种常用方式实现顶部行滚动时保持可见：

方式一：拆分Grid实现（推荐，稳定性高） #

创建两个Grid：一个仅展示需要冻结的顶部行，另一个展示剩余数据，同步两者的列宽以保持视觉一致。

示例代码（Java）：

// 初始化顶部冻结行的Grid
Grid<YourDataClass> frozenRowGrid = new Grid<>(YourDataClass.class);
frozenRowGrid.setItems(Collections.singletonList(yourTopDataItem));
frozenRowGrid.setHeightByRows(true); // 自适应行高
frozenRowGrid.removeAllColumns();
// 手动添加和主Grid一致的列（确保列key匹配）
frozenRowGrid.addColumn(YourDataClass::getField1).setKey("field1").setHeader("字段1");
frozenRowGrid.addColumn(YourDataClass::getField2).setKey("field2").setHeader("字段2");

// 初始化主数据Grid
Grid<YourDataClass> mainGrid = new Grid<>(YourDataClass.class);
mainGrid.setItems(yourRemainingDataList);
mainGrid.removeAllColumns();
mainGrid.addColumn(YourDataClass::getField1).setKey("field1").setHeader("字段1");
mainGrid.addColumn(YourDataClass::getField2).setKey("field2").setHeader("字段2");

// 同步列宽
frozenRowGrid.addColumnResizeListener(event -> {
    mainGrid.getColumnByKey(event.getColumn().getKey()).setWidth(event.getColumn().getWidth());
});
mainGrid.addColumnResizeListener(event -> {
    frozenRowGrid.getColumnByKey(event.getColumn().getKey()).setWidth(event.getColumn().getWidth());
});

// 将两个Grid放入垂直布局
VerticalLayout layout = new VerticalLayout(frozenRowGrid, mainGrid);
layout.setPadding(false);
layout.setSpacing(false);

方式二：CSS粘性定位实现（快速，适合简单场景） #

通过CSS sticky 属性将目标行固定在顶部，注意要考虑表头高度（若有表头，top 值需设为表头高度）。

示例代码：

1. 给Grid添加自定义样式类：

Grid<YourDataClass> grid = new Grid<>(YourDataClass.class);
grid.addClassName("frozen-top-row-grid");

2. 添加全局CSS样式：

.frozen-top-row-grid .vaadin-grid-row:first-child {
    position: sticky;
    top: 48px; /* 假设表头高度为48px，无表头则设为0 */
    background-color: #ffffff;
    z-index: 1;
    border-bottom: 1px solid #e0e0e0; /* 区分冻结行和下方数据 */
}

注意：这种方式在包含行展开、多选框或复杂单元格的场景中，可能出现样式错乱，需要额外调试适配。

内容的提问来源于stack exchange，提问作者schaphekar