UI5 – How to Resize Table Height

Issue

​Hello,

It seems that table row height of UI5 Table is pretty big with lot of white space above and below the text.

enter image description here

Is there anyway I can resize the height of the row with lesser px? I want to apply this seeting only for this table and not all tables.

When I look at its CSS in Chrome Developer tools, I get following:

enter image description here

element.style{height: 49px} is the culprit. How can I make it like 30 px and can apply only to this table?

Thanks !

Solution

From the looks of it I believe you are using the sap.ui.table.Table. You can use the rowHeight property of the control to reduce the row height.

Answered By – Stephen S

Answer Checked By – David Marino (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.