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{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.