CODEWITHSUNDEEP
csshtmlsapui5sap-fiori
Shay Zambrovski
Shay Zambrovski

Reputation: 656

OPENUI5 \ SAPUI5 bug?

I tried to develop ui table control with multi select option. The label of each column is sap.m.Text:

But when i re size the column width, parts from the label text are hide:

It's all because of the "sapUiSizeCozy" class for the multi select option (the checkbox)

When i don't use this "sapUiSizeCozy" class the label text will be OK and wrapped, but, there will no be checkboxex:

I add this css class to the sap.m.Page control Any help? I need that the label will wrapped + the checkbox in each row

Thanks!

Edit: Please see an example in: Plunker

You can in view.xml file remove the:

class="sapUiSizeCozy"

And re size the Product Name" column to see that the column is wrapping

Upvotes: 0

Views: 234

Answers (1)

schnoedel
schnoedel

Reputation: 3948

sapUiSizeCozy sets a fixed height to the table header. The label text is then verticaly centered by sapUiSizeCozy by setting lineheight to the height of the header.

This results in the effect that the label is wrapped but the second row is cut of by the fixed header height.

You can fix that with the following css (see Plunker):

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

Upvotes: 1

Related Questions