2016-05-17 49 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> 
相關問題