Skip to Content

Horizontal scroll with smart table

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>
Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

1 Answer

  • Posted on Oct 30, 2019 at 08:13 PM

    you have to go with ui.table to have scrollbar

    m.table won't give you that.

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.