sapui5如何为详细信息页面添加页脚

Question

我正面临一个Split App（Master-Detail）的小问题。我无法在详细页面上看到页脚。

在所有情景中尝试后，我发现由于sap.m.Table，我无法获取页脚。

如果我删除sap.m.Table，我可以看到详细信息页面。我甚至试过语义按钮和语义页脚，但仍然没有运气。

你能帮我解决一下这个问题吗？

下面是我的XML ::

代码

<mvc:View controllerName="sap.msbi_leaveAndAttendence.controller.LeaveBalanceReport" xmlns:html="http://www.w3.org/1999/xhtml"
    xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m" xmlns:unified="sap.ui.unified" xmlns:ui="sap.suite.ui.commons"
    xmlns:me="sap.me" xmlns:f="sap.ui.layout.form" xmlns:l="sap.ui.layout" xmlns:u="sap.ui.unified" xmlns:core="sap.ui.core">
    <App>
        <pages>
            <Page title="Leave Balance Report" class="sapUiSizeCompact" showHeader="true" showFooter="true">
                <content>
                    <IconTabBar id="idIconTabBarNoIcons" expanded="{device>/isNoPhone}" class="sapUiResponsiveContentPadding">
                        <items>
                            <IconTabFilter text="All Leaves">
                                <Table id="idLeaveTable" class="sapUiSizeCompact" inset="true" items="{path: 'allLeavesModel>/allLeaves'}">
                                    <columns>
                                        <Column>
                                            <Text text="{i18n>startDate}"/>
                                        </Column>
                                        <Column minScreenWidth="Tablet" demandPopin="true">
                                            <Text text="{i18n>endDate}"/>
                                        </Column>
                                        <Column minScreenWidth="Tablet">
                                            <Text text="{i18n>noOfDays}"/>
                                        </Column>
                                        <Column>
                                            <Text text="{i18n>typeOfLeave}"/>
                                        </Column>
                                    </columns>
                                    <items>
                                        <ColumnListItem>
                                            <cells>
                                                <Text text="{allLeavesModel>from}"/>
                                                <Text text="{allLeavesModel>to}"/>
                                                <Text text="{allLeavesModel>used}"/>
                                                <Text text="{allLeavesModel>typeofleave}"/>
                                            </cells>
                                        </ColumnListItem>
                                    </items>
                                </Table>
                            </IconTabFilter>
                            <IconTabFilter text="Extraordinary Leaves"></IconTabFilter>
                        </items>
                    </IconTabBar>
                </content>
                <footer>
                    <OverflowToolbar>
                        <ToolbarSpacer/>
                        <Button type="Accept" text="Submit">
                            <layoutData><OverflowToolbarLayoutData moveToOverflow="false"/></layoutData>
                        </Button>
                    </OverflowToolbar>
                </footer>
            </Page>
        </pages>
    </App>
</mvc:View>

Answer 1

我已经通过为主App.view.xml应用CSS解决了这个问题。在使溢出-y为App.view.xml隐藏之后，然后我可以在我的详细信息页面中看到页脚