vaadin - 如何垂直对齐 Vaadin 网格中单元格的内容？

Question

我有以下代码，可以成功地将我的 Vaadin 网格中单元格的内容居中。

        this.grid.setRowHeight(65);
        this.grid.setStyleGenerator(item -> "v-align-center");

它看起来像这样。

我怎样才能垂直居中？当我尝试添加样式名称 v-align-middle 时，它​​什么也没做。

Answer 1

如果您要在行上设置特定的高度，那么使用 CSS 即可非常简单地实现。

我只是将 CSS 类应用于网格本身，而不是使用 StyleGenerator。

Java:

addStyleName("my-custom-grid");

CSS:

.my-custom-grid .v-grid-body .v-grid-row .v-grid-cell {
    height: 65px;
    line-height: 65px;
}