SAPUI5 multiple scroll bar using sap.m.semantic:FullscreenPage and sap.ui.table:table

[former_member231903]

Hello,

I've got an SAPUI5 app with structure like this:

xmlns:smartTable="sap.ui.comp.smarttable"
xmlns:table="sap.ui.table"
xmlns:semantic="sap.m.semantic"
...

<semantic:FullscreenPage enableScrolling="true"

<semantic:content>
<smartTable:SmartTable>
<table:Table visibleRowCountMode="Auto">

...

but I got two scroll bar(check attachment).

I've ever tried to set enableScrolling="false" for semantic:FullscreenPage, but some part of the table missing unless I set Browser Zoom to 70%.

How can I get ride of the two scroll bar without losing data of the table?

Thanks and regards,

Blangero

[CristianBabei · Accepted solution]

Hi,

This is an example of a view with smartFilterBar and SmartTable, and no scrollbar:

<mvc:View>
	<Page>
		<VBox fitContainer="true">
			<sfb:SmartFilterBar>
				<sfb:controlConfiguration>
                                ..........
				</sfb:controlConfiguration>
				<sfb:customData>
					<core:CustomData key="dateFormatSettings" value='\{"UTC":true\}' />
				</sfb:customData>
				<sfb:layoutData>
					<FlexItemData shrinkFactor="0" />
				</sfb:layoutData>
			</sfb:SmartFilterBar>
			<st:SmartTable class="sapUiResponsiveContentPadding">

				<st:customData>
					<core:CustomData key="dateFormatSettings" value='\{"UTC":true\}' />
				</st:customData>
				<st:layoutData>
					<FlexItemData growFactor="1" baseSize="0%" />
				</st:layoutData>
				<table:Table>
                                  ..........
				</table:Table>
			</st:SmartTable>
		</VBox>
	</Page>
</mvc:View>

This works fine for me, maybe same for you 🙂

Regards.

[former_member231903 · Accepted solution]

Thank you Cristian, it works!

[former_member5023 · Accepted solution]

thanks it worked