0

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

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

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

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

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

谢谢！

编辑：请看一个例​​子： Plunker

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

class="sapUiSizeCozy"

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

4

1 回答 1

1

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

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

您可以使用以下 css 修复它（请参阅Plunker）：

<html:style>
  .sapUiSizeCozy .sapUiTable .sapUiTableColCell>* span{ 
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
  }
</html:style>
于 2016-05-19T14:07:22.290 回答