css - OPENUI5\SAPUI5 错误？

Question

我尝试开发带有多选选项的 ui 表格控件。每一列的标签是sap.m.Text:

但是当我调整列宽大小时，标签文本的部分被隐藏了:

这都是因为多选选项(复选框)的“sapUiSizeCozy”类

当我不使用这个“sapUiSizeCozy”类时，标签文本将正常并换行，但是，不会有复选框:

我将这个 css 类添加到 sap.m.Page 控件有什么帮助吗？我需要标签将包装 + 每行中的复选框

谢谢!

编辑:请参阅以下示例: Plunker

您可以在 view.xml 文件中删除:

class="sapUiSizeCozy"

并重新调整“产品名称”列的大小以查看该列是否换行

Answer 1

sapUiSizeCozy 为表头设置固定高度。然后，通过将 lineheight 设置为标题的高度，标签文本由 sapUiSizeCozy 垂直居中。

这导致标签被换行但第二行被固定标题高度截断的效果。

您可以使用以下 css 修复该问题(参见 Plunker ):

<html:style>
  .sapUiSizeCozy .sapUiTable .sapUiTableColCell>* span{ 
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
  }
</html:style>