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

[Epena]

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?

Regards.

[Ondřej_Nekvinda]

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

Thank You

[Epena]

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

minScreenWidth="Small"

demandPopin="true"

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

Regards.

[Ondřej_Nekvinda]

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

[Sharathmg]

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.

Regards,

Sharath