使用ui.table错误的面板内容高度（visibleRowCountMode =＆＃34; Auto＆＃34;）

Question

我希望有一个布局，它有一个固定大小的面板，顶部有一个窗体，一个面板带有一个网格，底部留有剩余的空间。我已经设法让面板具有正确的大小 - 因此网格面板的html标签部分具有100％且正确跨度，但内容的嵌套div的高度计算为0px。

什么定义是必要的或缺失的，以便网格占用完整的剩余空间？

<mvc:View
        xmlns:mvc="sap.ui.core.mvc"
        xmlns="sap.m"
        xmlns:l="sap.ui.layout"
        xmlns:f="sap.ui.layout.form" 
        xmlns:t="sap.ui.table"

        height="100%">
        <l:FixFlex class="fixFlexFixedSize" fixContentSize="100px">
            <l:fixContent>
                <Panel class="sapUiNoContentPadding">
                    <headerToolbar>
                        <Toolbar>
                            <Title text="Form" level="H2" />
                        </Toolbar>
                    </headerToolbar>
                    <content>
                        <f:Form editable="true">
                            <f:layout>
                                <f:ResponsiveGridLayout 
                                        labelSpanL="2" 
                                        labelSpanM="2" 
                                        emptySpanL="1" 
                                        emptySpanM="1" 
                                        columnsL="2" 
                                        columnsM="2" />
                            </f:layout>
                            <f:formContainers>
                                <f:FormContainer>
                                    <f:formElements>
                                        <f:FormElement label="Lastname">
                                            <f:fields>
                                                <Input id="lastname" />
                                            </f:fields>
                                        </f:FormElement>
                                    </f:formElements>
                                </f:FormContainer>
                                <f:FormContainer>
                                    <f:FormElement label="Firstname">
                                        <f:fields>
                                            <Input  id="firstname" />
                                        </f:fields>
                                    </f:FormElement>
                                </f:FormContainer>
                            </f:formContainers>
                        </f:Form>
                    </content>
                </Panel>
                </l:fixContent>
            <l:flexContent>
                <Panel height="100%" class="sapUiNoContentPadding">
                    <headerToolbar>
                        <Toolbar>
                            <Title text="Grid" level="H2" />
                            <ToolbarSpacer />
                            <Button icon="sap-icon://add" text="new" press="newEntry" />
                        </Toolbar>
                    </headerToolbar>
                    <content>
                        <t:Table 
                            rows="{entries>/result}"
                            enableSelectAll="false"
                            selectionMode="None"
                            visibleRowCountMode="Auto"
                            height="100%">
                            <t:columns>
                                <t:Column width="5rem" >
                                    <Label text="{i18n>entrieslist.column.name}" />
                                    <t:template>
                                        <Link text="{entries>lastname}" press="showDetailsPage"/>
                                    </t:template>
                                </t:Column>
                                <t:Column width="5rem" >
                                    <t:template>
                                        <Text text="{entries>firstname}" />
                                    </t:template>
                                </t:Column>
                                <t:Column width="11rem" sorted="true" sortProperty="{entries>telephone} ">
                                    <Label text="{i18n>entrieslist.column.number}" />
                                    <t:template>
                                        <Text text="{entries>telephone}" />
                                    </t:template>
                                </t:Column>
                                <t:Column width="11rem"  >
                                    <Label text="{i18n>entrieslist.column.street}" />
                                    <t:template>
                                        <Text text="{entries>street}" />
                                    </t:template>
                                </t:Column>
                            </t:columns>
                        </t:Table>
                    </content>
                </Panel>
            </l:flexContent>
        </l:FixFlex>            
</mvc:View>