我试图开发具有多选择选项的ui表控件。
每列的标签是sap.m.Text:
但是当我调整列宽的大小时,标签文本中的部分被隐藏了:
都是因为多重选择选项的“ sapUiSizeCozy”类(复选框)
当我不使用此“ sapUiSizeCozy”类时,标签文本将被确定并包装,但是,将没有checkboxex:
我将此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>