OPENUI5 \ SAPUI5错误?

时间:2016-05-17 10:25:11

标签: css html5 sapui5 sap-fiori

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

但是当我调整列宽时,标签文本中的部分是hide:

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

当我不使用这个“sapUiSizeCozy”类时,标签文本可以正常包装,但是,不会有checkboxex:

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

谢谢!

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

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

class="sapUiSizeCozy"

然后调整“产品名称”列的大小以查看该列是否包装

1 个答案:

答案 0 :(得分:1)

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

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

您可以使用以下css进行修复(请参阅Plunker):

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