В браузере нет вертикальной прокрутки

Я разрабатываю приложение Vaadin и испытываю огромные трудности с получением некоторых аспектов макета по своему усмотрению. Основная проблема сейчас заключается в том, что я не могу получить вертикальную прокрутку в моем макете, независимо от того, насколько велик размер содержимого или насколько маленькое окно браузера ...

Я читал по этой теме, Я знаю, что hLayout и vLayout не поддерживают полосы прокрутки, в отличие от Panel. Я пробовал использовать множество различных комбинаций, чтобы заставить его работать, но мне удалось создать только горизонтальную полосу прокрутки, но никогда не создать вертикальную.

Другая проблема заключается в том, что я создаю приложение внутри существующего «шаблона», предоставленного компанией. Этот шаблон содержит нижний колонтитул, содержащий некоторую информацию об авторских правах. Этот нижний колонтитул, похоже, не занимает места в окне браузера относительно добавляемого мной контента, из-за чего при просмотре на меньших экранах горизонтальная полоса прокрутки появляется «под» нижним колонтитулом, недоступна ... Я ' Приведу код того, как это выглядит сейчас.

public class InventorySimCardTable extends M2MViewBase { //M2MViewBase extends VerticalLayout

    private final SPanel mainContent = Cf.panel("");
    private final SPanel tabPanel = Cf.panel("");
    private final SVerticalLayout tabcontent = Cf.vLayout();
    protected InventoryFilterPanel inventoryFilterPanel;

    @Override
    protected void initComponent() {
        setSizeFull();
        tabPanel.setSizeFull();
        tabPanel.getContent().setSizeUndefined();

        Table simCardTable = new Table();
        simCardTable.setWidth("1898px");
        simCardTable.setPageLength(15);

        tableContainer.setSizeUndefined();
        tableContainer.addComponent(simCardTable);

        mainContent.setWidth("99%");
        mainContent.setHeight("100%");
        mainContent.setContent(tableContainer);
        mainContent.setScrollable(true);

        centeringlayout.setSizeFull();
        centeringlayout.addComponent(mainContent);
        centeringlayout.setComponentAlignment(mainContent, Alignment.MIDDLE_CENTER);

        tabPanel.addComponent(centeringlayout);

        addComponent(tabPanel);

    }
}

Я хотел бы знать, видит ли кто-нибудь очевидные ошибки в моем коде. И если кто-нибудь знает, какое свойство я могу установить в CSS нижнего колонтитула, чтобы он занимал место в представлении содержимого, чтобы горизонтальная прокрутка не отображалась под ним.Спасибо!