UI5 – How to Resize Table Height



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 !


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 – Mary Flores (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.