Skip to Content

UI5 sap.m.table unexpected left margin after deploy to fiori launchpad

Sep 06, 2017 at 06:23 PM


avatar image

Hello Everyone.

I have a page with a sap.m.table. After deploy, if I access the app directly from the public url generated using the mobile view, everything displays correctly. However, after deploying to fuiri launchpad and using the same mobile view, averything seems to be right aligned leaving a lot of space behind.

View accesing directly from URL:

View accesing from fiori launchpad:

After inspecting the source, we can see that it creates some weir td not present when accessed outside fiori launchpad:

Any ideas?


view1.jpg (24.1 kB)
view2.jpg (19.8 kB)
view3.jpg (179.5 kB)
10 |10000 characters needed characters left characters exceeded

Hello, I also encountered this issue and I am trying to find a solution. Please let me know if You find something.

Thank You


Luckily I did, the issue was that when trying to create a responsive table, all columns had set the following properties:



and the table requires that at least one column is visible in the column header, so when there was not, it created an empty one.

Please refer to the following links to understand the use of such properties:

Responsive Table

Implementing a responsive table



Thank you for the info, this fixed it for me also.

* Please Login or Register to Answer, Follow or Comment.

1 Answer

Sharath M G Sep 08, 2017 at 02:16 AM

As displayed in one of your comment, padding gets added to ensure that when the screen is reduced, the controls are aligned back without altering the view. As a practice, the labels are right aligned and as you keep reducing the width of the browser the empty space reduces.

You can override it by altering the CSS applied to the containers inserted in Launchpad.



10 |10000 characters needed characters left characters exceeded