OPENUI5 \ SAPUI5 错误？答案

【问题标题】：OPENUI5 \ SAPUI5 bug?OPENUI5 \ SAPUI5 错误？
【发布时间】：2016-05-17 10:25:10
【问题描述】：

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

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

这都是因为多选选项（复选框）的“sapUiSizeCozy”类

当我不使用这个“sapUiSizeCozy”类时，标签文本将可以正常包装，但是不会有复选框：

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

谢谢！

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

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

class="sapUiSizeCozy"

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

【问题讨论】：

@ShayZambrovski 由于此问题不再可重现（似乎已由框架修复），您能否投票结束此问题？点击flag并选择Not reproducible or was caused by a Typing。

标签： css html sapui5 sap-fiori

【解决方案1】：

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

这导致标签被包裹但第二行被固定标题高度切割的效果。

您可以使用以下 css 解决此问题（请参阅 Plunker）：

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

【讨论】：