vaadin14 - 计算网格高度时的样式网格边框

Question

我有一个案例想要让 vaadin-grid 在屏幕上达到最大高度。所以，这很容易。问题是尽管 vaadin-grid 的大小还可以，但 tbody 可能比 vaadin-grid 短。因此，每当没有足够的行时，我们就会得到空白空间。如果没有边界就可以了。但是，因为我们确实在网格上使用了边框，所以出现了空白空间。当然可以将边框转移到 thead 和 tbody 并让它看起来不错，但相反的情况会发生，因为当 tbody 的长度超过 vaadin-grid 时，底部边框会丢失。有没有一种干净的方式，非脏 js 来区分大小写？别的东西？谢谢

标签： vaadin14vaadin-lumo

Answer 1

我认为您应该能够通过使用:host([overflow~="bottom"])状态属性选择器至少非常接近。基于此添加/删除边框。overflow属性值根据行是否从网格视口底部溢出而更改。

我看到的唯一问题是当用户滚动到网格底部时边框会消失。