我试图开发具有多选择选项的ui表控件。
每列的标签是sap.m.Text:

css - OPENUI5\SAPUI5错误?-LMLPHP

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

css - OPENUI5\SAPUI5错误?-LMLPHP

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

当我不使用此“ sapUiSizeCozy”类时,标签文本将被确定并包装,但是,将没有checkboxex:

css - OPENUI5\SAPUI5错误?-LMLPHP

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

谢谢!

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

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

class="sapUiSizeCozy"


并重新调整“产品名称”列的大小,以查看该列是否正在包装

最佳答案

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

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

您可以使用以下CSS解决此问题(请参见Plunker):

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

08-15 15:12