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

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

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

它使它看起来像这样。

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

最佳答案

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

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

Java:

addStyleName("my-custom-grid");

CSS:

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

关于vaadin - 如何在 Vaadin Grid 中垂直对齐单元格的内容？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48530279/