Vaadin 网格行高

Question

我想缩小单元格大小以在屏幕中容纳更多行。 [画面][1] 到目前为止我已经使用

.v-grid-cell {
    font-size: 13px;
    height: 18px;
    vertical-align: middle; 
}
.v-grid-row{
    height: 18px;

}
.v-grid-row-odd {
    height: 18px;
    background-color: #EFF0F1;
}

和[结果][2]

Answer 1

尝试在 .v-grid-cell 上设置 line-height:

.v-grid-cell {  
    line-height: 18px;
}

虽然这不是一个真正的 Sass 问题，它只是一般的普通问题 CSS。

Answer 2

尝试减小网格的字体大小。像下面这样尝试。

.v-grid-cell {
    font-size: 10px;
}

Vaadin 网格行高

Vaadin Grid row height

css

vaadin7