cancel
Showing results for 
Search instead for 
Did you mean: 

sap.m.table scroll bar

adnanmaqbool
Contributor
0 Kudos
1,574

Dear All

I am trying to use a table with multiple rows but scroll bar of table is not showing when number of rows going beyond screen size.

	<Table id="ins" inset="false" fixedLayout="Strict" items="{/Products}">
			<headerToolbar>
			<Toolbar>
				<Button icon="sap-icon://add" text="Row" press="addRow"/>
				<Button icon="sap-icon://display" text="Row" press="fetchRecords"/>
			</Toolbar>
		</headerToolbar>
		<columns>
			 <Column width="5em"/>
			 <Column width="5em"/>
			<Column
		    	minScreenWidth="Tablet"
			    demandPopin="true"
			    >
				<Text text="Material" />
			</Column>
			
			 <Column
				minScreenWidth="Tablet"
				demandPopin="true"
				
				>
				<Text text="Batch" />
			</Column>
			
		   <Column
		        minScreenWidth="Tablet"
		    	demandPopin="true"
		    	>
				<Text text="Quantity" />
			</Column>
			
				<Column 
				minScreenWidth="Tablet"
		     	demandPopin="true"
		        >
				<Text text="Storage Location" />
		    	</Column>
		    	
		    	
			</columns>
			<items>
		   <ColumnListItem>
			<cells>
			<ndc:BarcodeScannerButton
			id="sampleBarcodeScannerButton"
			scanSuccess="onScanSuccess"
			scanFail="onScanError"
			inputLiveUpdate="onScanLiveupdate"
			dialogTitle="Barcode Scanner Button Sample"
		   />
		   			<Button icon="sap-icon://delete" press="deleteRow" type="Reject"/>
					<Input value="{material}"/><Input value="{batch}"/><Input value="{qty}"/><Input value="{sloc}"/>
		
				</cells>
			</ColumnListItem>
			</items>
			</Table>
View Entire Topic
venkateswaran_k
Active Contributor

Hi

Try using this way,

<ScrollContainer height='30rem' vertical='true'>  "<== This is to set a scrollbar 
<Table id="ins" inset="false" fixedLayout="Strict" items="{/Products}">
</Table>
</ScrollContainer>

Regards,

Venkat

adnanmaqbool
Contributor

Superb, Issue resolved.