Стиль границы сетки в случае, если высота сетки рассчитана

Question

У меня есть случай, когда нужно получить vaadin-grid максимально возможную высоту на экране. Итак, это просто. проблема в том, что несмотря на то, что размер сетки vaadin в порядке, тело может быть короче, чем сетка vaadin. Итак, когда строк недостаточно, мы получаем пустое пространство. было бы нормально, если бы границы не было. Но поскольку мы используем границу в сетке, появляется пустое пространство. Конечно, можно сместить границу на thead и tbody, и все будет хорошо, но произойдет обратное, потому что нижняя граница будет потеряна, когда tbody будет длиннее, чем vaadin-grid. Есть ли чистый способ, не грязный js, для различения случаев? что-то другое? Спасибо

Answer 1

Я думаю, вы сможете подобраться хотя бы очень близко, используя :host([overflow~="bottom"])селектор атрибутов состояния. Добавьте / удалите границы на основе этого. В overflow значение атрибута изменяется в зависимости от того, выходят ли строки за пределы области просмотра сетки снизу.

Единственная проблема, которую я вижу, - это то, что граница исчезнет, ​​когда пользователь прокрутит вниз сетку.