CODEWITHSUNDEEP
javascriptcsssapui5
Soham Shah
Soham Shah

Reputation: 571

UI5 - How to Resize Table Height

​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 !

Upvotes: 1

Views: 7052

Answers (2)

Huseyin
Huseyin

Reputation: 308

Try using sapUiSizeCompact style in your page or your table. You cannot set exact height with this one but it might be enough for your case.

class="sapUiSizeCompact"

Upvotes: 1

Stephen S
Stephen S

Reputation: 3994

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.

Upvotes: 1

Related Questions