2016-05-17 52 views
0

我试图用多选择选项来开发ui表格控件。 每一列的标签是sap.m.Text:OPENUI5 SAPUI5错误?

但是,当我重新大小的列宽,从标签的文本部分是隐藏:

这一切都因为“sapUiSizeCozy”类用于多选择选项(复选框)

当我不使用此“sapUiSizeCozy”类时,标签文本将会正常并包装,但是,有w生病没有来checkboxex:

我这个CSS类添加到sap.m.Page控制 任何帮助吗? 我需要标签将包装+每个行中的复选框

谢谢!

编辑: 请参阅一个例子: Plunker

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

class="sapUiSizeCozy" 

,并重新大小的产品名称”一栏看到,该列包装

+0

您可以加入一个最小的例子吗? (像JsFiddle,Plunker等) – hirse

+0

@hirse嗨,我加了一个来自Plunker的例子,谢谢! –

回答

1

sapUiSizeCozy将一个固定的高度设置为表格标题,然后通过将lineheight设置为标题的高度,标签文本以sapUiSizeCozy为中心垂直对齐

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

您可以修复与下面的CSS(见Plunker):

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