Question Re: Horizontal scroll with smart table in Technology Q&A

Horizontal scroll with smart table

csimpson — Wed, 30 Oct 2019 19:28:47 GMT

Hello,

I am trying to make a table that needs horizontal scrolling and I am using a smart table and sap.m.table. The problem I am having is everything is not showing on one row (data for each row is about 60 columns) . I need to get everything on one row and you a horizontal scroll bar. Here is my code and I will attach a picture of what the code is doing now that I am trying to change. All the data in the screen shoot is one row of data. Also I need popin that is why I am using table. Any help would be appreciated thank you.

<core:View
	xmlns:core="sap.ui.core" 
	xmlns="sap.m" 
	xmlns:smartFilterBar="sap.ui.comp.smartfilterbar" 
	xmlns:smartTable="sap.ui.comp.smarttable" 
	xmlns:html="http://www.w3.org/1999/xhtml" 
	xmlns:smartForm="sap.ui.comp.smartform" 
	xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1" 
	controllerName="ECSB1.CommLineOvr.controller.Worklist"
	height="100%">


	<Page xmlns="sap.m" id="pageId" title="{i18n>worklistTitle}" floatingFooter="true" showNavButton="true" navButtonPress="onNavBack">
		<smartForm:SmartForm id="smartForm">
		</smartForm:SmartForm>
		<smartFilterBar:SmartFilterBar id="smartFilterBar" entitySet="CommOverrideView" >
			<smartFilterBar:controlConfiguration>
			</smartFilterBar:controlConfiguration>
		</smartFilterBar:SmartFilterBar>
		<smartTable:SmartTable id="SmartTableID" entitySet="CommOverrideView" smartFilterId="smartFilterBar" useExportToExcel="true"
			tableType="ResponsiveTable" beforeExport="onBeforeExport" useVariantManagement="true" useTablePersonalisation="true" header="Line Items" 
			showRowCount="true" demandPopin="true" class="sapUiResponsiveContentPadding" enableAutoBinding="true"> <!--tableType="ResponsiveTable" -->
			<smartTable:customToolbar>
				<OverflowToolbar design="Transparent">
					<ToolbarSpacer/>
					<Button text="Add" press="action" app:wiring="\{'press':\{'navigation':\{'routeName':'Add'\}\}\}"/>
				</OverflowToolbar>
			</smartTable:customToolbar>
			<smartTable:layoutData>
				<FlexItemData growFactor="1" baseSize="0%" />
			</smartTable:layoutData>
			<ScrollContainer horizontal="true">
				<Table id="TableID" growing="true" growingScrollToLoad="true" growingThreshold="20" selectionChange="onPress" >
					<!--mode="SingleSelectMaster">-->
				</Table>
			</ScrollContainer>
			
		</smartTable:SmartTable>
	</Page>
</core:View>

Re: Horizontal scroll with smart table

junwu — Wed, 30 Oct 2019 20:13:10 GMT

you have to go with ui.table to have scrollbar

m.table won't give you that.

Re: Horizontal scroll with smart table

csimpson — Wed, 30 Oct 2019 20:48:06 GMT

If I go with ui.table don't I lose popin support?

Re: Horizontal scroll with smart table

junwu — Thu, 31 Oct 2019 00:09:26 GMT

sap gives you popin to avoid scrollbar.......

what are you think???

Re: Horizontal scroll with smart table

csimpson — Thu, 31 Oct 2019 13:24:17 GMT

according to this post from sapui5. There is no popin support for ui.table.

https://sapui5.hana.ondemand.com/docs/topics/148892ff9aea4a18b912829791e38f3e.html

Re: Horizontal scroll with smart table

junwu — Thu, 31 Oct 2019 16:09:24 GMT

I was saying m.table gives you popin to avoid scrollbar......

Re: Horizontal scroll with smart table

csimpson — Thu, 31 Oct 2019 16:11:00 GMT

oh okay I see what your saying. Is there anyway to have both? I have been sreaching but can not find anything so I am guessing probably not?

Re: Horizontal scroll with smart table

haemma83 — Wed, 01 Dec 2021 07:26:22 GMT

Question: I got custom fields in my table, I scroll - but just the standard fields are scrolling but not the custom ones?

Re: Horizontal scroll with smart table

manfred_fettinger3 — Wed, 01 Dec 2021 09:52:16 GMT

Hi Andreas, nice to meet you here 🙂

I am wondering to have scrollbar available in smarttable but when i add custom fields it seems to disapear!