sapui5 - sap.m.table 中不显示滚动条
问题描述
我正在使用 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);
}
});
});
应用程序.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>
解决方案
我猜你正在使用Component.js
as 入口点启动你的应用程序,所以在你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>
推荐阅读
- sparql - SPARQL 查询 subclassOf: x some y
- azure-devops - 向工作项添加链接会中断我的查询
- algorithm - 每个字符出现偶数次(可能为零)的最长子字符串
- javascript - 在 reactJs 中取消先前的相同请求
- schema.org - 在“HowTo”架构中无法识别“itemListElement”
- vue.js - 如何在带有 Vuex 的 SSR 中使用 vue-instantsearch?
- c - 用 gcc 链接 libsndfile 源代码
- android - E/Volley:[3997] NetworkDispatcher.processRequest:未处理的异常 java.lang.NullPointerException
- android - Gradle 构建错误(找不到 tracker.jar)
- css - 为什么选择字段的值被添加到表单中的其余字段中