Vaadin 24: самая простая сетка не отображается в VerticalLayout
Я новичок в vaadin и в настоящее время изучаю vaadin 24. Почему эта простая сетка не отображается?
public class MainView extends VerticalLayout {
public MainView() {
Grid<String> grid = new Grid<>();
grid.setSizeFull();
grid.addColumn(s->s);
grid.setItems("foo");
add(grid);
}
Этот вопрос задавался давно, но рабочего решения найти не смог. В Firefox и Edge сетка отображается в виде горизонтальной линии. Я уже пробовал setSizeFull() для содержащего VerticalLayout (не показано в коде выше) и «обернуть» сетку в Div. Что мне не хватает?
Я только что проверил еще раз и обнаружил, что решение от @simon-martinelli (setHeightFull()) работает, спасибо, Саймон. grid.setMinHeight(100, Unit.PIXELS) (без setHeightFull()) тоже работает. Ответ Саймона принят.
Ответы 1
Проблема в том, как вы упомянули, что у VerticalLayout нет высоты.
Это работает для меня:
public class MainView extends VerticalLayout {
public MainView () {
setHeightFull();
Grid<String> grid = new Grid<>();
grid.setSizeFull();
grid.addColumn(s -> s);
grid.setItems("foo");
add(grid);
}
Спасибо, в моем случае решение состоит в том, чтобы присвоить сетке minHeight.
Добавление setHeightFull() работает, спасибо.
Поскольку логическая попытка заставить сетку использовать весь экран не сработала, не могли бы вы поделиться, где вы добавляете этот вид? Используете ли вы макет на своем
Route? Или это "UI"? У вас есть какой-либо дополнительный CSS или тема, работающая здесь?