How to resize a table row height in UI5

Question

Hello,

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

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:

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

Thanks !

table-height.jpg (40.3 kB)

table-css.jpg (77.1 kB)

Answer 1

Murali Lakshmanan Answered Feb 20, 2017 at 08:29 AM

1

You can set row height in UI5 table.

BTW, you might be interested in different density modes in UI5.

Try setting class to your table: class="sapUiSizeCompact"

Share

Comment

Answer 2

Akhilesh Upadhyay Answered Feb 20, 2017 at 11:23 AM

1

For particular table css:

table[id*='tableID'] tr { } //tr css for table id tableID

table[id*='tableID'] td { } //td css for table id tableID

table[id*='tableID'] td span { } //span(text) of td css for table id tableID

hope this help.

Thanks,

Akhilesh

Share

Comment

Answer 3

Find Questions & Answers