sap.ui.table.table带有文本包装(渲染问题)



我有一个sap.ui。

在我的列键中,我使用sap.m.text元素作为模板,如果文本对于列的时间太长。

看来该表不刷新实际的高度,如果行重新固定到桌子上,则行计算。

如果行超过实际屏幕化,则不会在表中添加滚动条。

我创建了一个垃圾箱来显示我表格的示例编码:

https://jsbin.com/noxaqofeci/edit?html,js,output

->如果您调整了列的大小,并且该表不适合屏幕,则该问题将显示。

我是否缺少某些东西,还是有任何方法可以解决此问题?

谢谢!

我问题的示例代码:

<!DOCTYPE html>
<html><head>
<meta name="description" content="UI5 table example with local JSON 
 model" />
 <meta http-equiv='X-UA-Compatible' content='IE=edge' />
 <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>
<title>SAPUI5 Dynamic Table</title>
<script id='sap-ui-bootstrap' type='text/javascript'
src='https://openui5.hana.ondemand.com/resources/sap-ui-core.js'
data-sap-ui-theme='sap_bluecrystal'
data-sap-ui-libs='sap.m,sap.ui.table'></script>
<script>
var columnData = [{
    columnName: "firstName"
}, {
    columnName: "lastName"
}, {
    columnName: "department"
}];
var rowData = [{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
}, {
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
},{
    firstName: "3lines3lines3lines3lines3lines3lines",
    lastName: "empty",
    department: "empty"
}];
        var oTable = new sap.ui.table.Table({
    visibleRowCountMode: "Auto"
});
var oModel = new sap.ui.model.json.JSONModel();
oModel.setData({
    rows: rowData,
    columns: columnData
});
oTable.setModel(oModel);
oTable.bindColumns("/columns", function(sId, oContext) {
    var columnName = oContext.getObject().columnName;
    return new sap.ui.table.Column({
                width: "120px",
        label: columnName,
        template: new sap.m.Text({text: {path:columnName}})
    });
});
oTable.bindRows("/rows");
      page = new sap.m.Page({content:[
        oTable,new sap.m.Link({text:"Click For More Info",target:"_blank"})
      ]});
      app = new sap.m.App();
app.addPage(page);
app.placeAt("content");
</script>
</head>
<body class='sapUiBody'>
<div id='content'></div>
</body>
</html>

问题可以关闭。sap.ui.table.table并不是要动态更改其行高。

https://experience.sap.com/fiori-design-web/grid-table/

->截面单元格级别,搜索键:wrap

最新更新