SAPUI5视图表被切断

Question

在我的SAPUI5项目中，我的表被切断。我很确定这是因为div的高度不能处理该大小，但是我无法根据视图的高度动态更改它。

（滚动到此结束，表格被剪切）

我的index.html包含以下内容：

<!-- Right Sidebar -->
<section class="c1" >
  <div id="content"></div>
</section>

我将视图放置在“内容” div内。

function loadView() {
  var app = new sap.m.App({
    initialPage: "idViewTest1"
  });
  var page = sap.ui.view({
    viewName: "myViews.viewTest",
    type: sap.ui.core.mvc.ViewType.XML
  });
  app.addPage(page);
  app.placeAt("content");
}

然后，我有一些图形和表格的视图

<Page showHeader="false" enableScrolling="false">
  <VBox>
    <viz:VizFrame xmlns="sap.viz" id="idcolumn" vizType="line"</viz:VizFrame>
    <Table
      id="idTable"
      items="{/itemsTest}"
      class="sapUiSizeCompact"
      width= "50%">
      <columns>
        <Column width= "60%">
          <Text text="Description"/>
        </Column>
        <Column width= "40%">
          <Text text="Value"/>
        </Column>
      </columns>
      <items>
        <ColumnListItem>
          <cells></cells>
        </ColumnListItem>
      </items>
    </Table>
  </VBox>
</Page>

最后，我有了控制器：

onInit: function() {
  var oVizFrame = this.getView().byId("idcolumn");
  //code to populate the vizframe
  var oTable = this.byId("idTable");
  //code to populate the table
}

Answer 1

根据您的代码

<Page showHeader="false" enableScrolling="false">

由于页面滚动被禁用，因此表格被切断。

解决方案：

• 删除enableScrolling属性：<Page showHeader="false">或
• 将enableScrolling属性更新为true：<Page showHeader="false" enableScrolling="true">