Полоса прокрутки не отображается в sap.m.table - PullRequest
Новая
       11

Полоса прокрутки не отображается в sap.m.table

0 голосов
/ 06 февраля 2020

Я использую таблицу sap.m.table. Количество строк слишком велико, чтобы поместиться на странице. Поэтому я ожидаю, что таблица предложит полосу прокрутки. Но это не так.

UI5 Версия: 1.68.1 Протестировано в Edge, Firefox, Chrome.

Вот простое демонстрационное приложение, отображающее 1 таблицу с 1 столбцом и 25 рядов. Только первые 18 элементов помещаются на экране, но полоса прокрутки не предлагается:

App.controller. js

sap.ui.define([
    "sap/ui/core/mvc/Controller",
    "sap/ui/model/json/JSONModel",
], function(Controller, JSONModel) {
    "use strict";

    return Controller.extend("TableTest.controller.App", {

        onInit: function() {

            var data = {
                items: [
                    {
                        name: "item1"
                    },
                    {
                        name: "item2"
                    },
                    {
                        name: "item3"
                    },
                    ...
                ]
            };
            var oModel = new JSONModel(data);
            this.getView().setModel(oModel);

        }

    });
});

App.view. xml

<mvc:View 
    controllerName="TableTest.controller.App" 
    xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m">
    <Table
        id="table"
        items="{/items}">
        <headerToolbar>
            <Toolbar>
                <content>
                    <Title text="sap.m.Table"/>
                </content>
            </Toolbar>
        </headerToolbar>
        <columns>
            <Column>
                <Text text="Name"/>
            </Column>
        </columns>
        <items>
            <ColumnListItem>
                <cells>
                    <Text text="{name}"/>
                </cells>
            </ColumnListItem>
        </items>

    </Table>
</mvc:View>

Результат Result

1 Ответ

2 голосов
/ 06 февраля 2020

Я предполагаю, что вы запускаете свое приложение с Component.js в качестве точки входа, поэтому в App.view.xml оберните свою таблицу в 

<Shell id="shell">
    <App id="app">
        <pages>
            <Page id="page" title="{i18n>title}">
                <content>
                    //your table here
                </content>
            </Page>
        </pages>
    </App>
</Shell>
...