时间戳

首页 > 解决方案 > sap.ui.table.Table with visibleRowCountMode="Auto" 不会在 VBox 中动态调整其高度

css - sap.ui.table.Table with visibleRowCountMode="Auto" 不会在 VBox 中动态调整其高度

问题描述

我试图让我适应sap.ui.table.Table，sap.f.DynamicPage但表格高度不会动态调整到页面内容中的可用空间。

我尝试sap.m.VBox使用 table 属性visibleRowCountMode="Auto"来解决这个问题，但是 table height 只是固定到minAutoRowCounttable 的参数。

minAutoRowCount = 10 的 VBox 中的表格截图

以下是页面内容内表格的代码片段：

<f:content>
  <VBox fitContainer="true">
    <OverflowToolbar>
      <!-- ... -->
    </OverflowToolbar>
    <table:Table visibleRowCountMode="Auto"
      minAutoRowCount="10"
      noData="{i18n>noDataText}"
      width="auto">
      <!-- ... -->
    </table:Table>
  </VBox>
</f:content>

任何建议如何调整表格的高度，例如，如果页眉折叠/展开？

SAPUI5 版本：1.60.1

标签： csssapui5

解决方案

更新：添加 FlexItemData growFactor 对我的智能表有效。

使用属性

visibleRowCountMode="Auto"

更新

            <layoutData>
                <FlexItemData growFactor="1" baseSize="0%"/>
            </layoutData>

桌子：

<Table id="DynamicTableId" selectionMode="MultiToggle" visibleRowCountMode="Auto" minAutoRowCount="10" noData="{i18n>noDataText}"
            fixedColumnCount="1" showColumnVisibilityMenu="true" modelContextChange="onModelContextChange" width="auto">
                <layoutData>
                    <FlexItemData growFactor="1" baseSize="0%"/>
                </layoutData>
</Table>

问候

推荐阅读