cancel
Showing results for 
Search instead for 
Did you mean: 

How to scroll grid table? sapui5

Former Member
0 Kudos

Hi, I want to know why my grid table it's only scrooling the "Address" Field. I want to know

<mvc:View controllerName="DisplaySuppliers.controller.App" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc"
	xmlns:u="sap.ui.unified" xmlns:c="sap.ui.core" displayBlock="true" xmlns:m="sap.m" xmlns="sap.ui.table">
<m:App>
<m:pages>
<m:Page title="{i18n>title}" showHeader="false" enableScrolling="false" class="sapUiContentPadding">
<m:content>
<m:OverflowToolbar id="otbSubheader" class="sapUiMediumMarginTop">
<m:ToolbarSpacer/>
<m:Label text="Nome/Razão Social"/>
<m:SearchField liveChange="filterGlobally" width="200px"/>
<m:Label text="Código"/>
<m:SearchField liveChange="onSearch" width="200px"/>
<m:Label text="CPF/CNPJ"/>
<m:SearchField liveChange="onSearch" width="200px"/>
<m:OverflowToolbarButton type="Transparent" text="Ordernar" icon="sap-icon://sort" press="onSort"/>
</m:OverflowToolbar>
<Table rows="{/Suppliers}" selectionMode="Single" selectionBehavior="RowOnly" id="table" ariaLabelledBy="title" rowSelectionChange="onSelectionChange">
<columns>
<Column id="supplierId" width="8em">
<m:Label text="Código"/>
<template>
<m:ObjectNumber number="{ parts:[{path:'SupplierId'}]}"/>
</template>
</Column>
<Column width="14em" id="name">
	<m:Label text="Nome/Razão Social"/>
	<template>
<m:Text text="{Name}"/>
</template>
	</Column>
	<Column width="10em" id="cnpj">
	<m:Label text="CNPJ/CPF"/>
								<template>
									<m:Text text="{Cnpj}, {Cpf}"/>
								</template>
							</Column>
									<m:Text text="{AddressCity}, {AddressCountry} "/>
								</template>
							</Column>
							<Column width="16em" id="email">
								<m:Label text="Email"/>
								<template>
									<m:Text text="{Email}"/>
								</template>
							</Column>
							<Column width="10em" id="ie">
								<m:Label text="IE"/>
								<template>
									<m:Text text="{Ie}"/>
								</template>
							</Column>
							<Column width="10em" id="im">
								<m:Label text="IM"/>
								<template>
									<m:Text text="{Im}"/>
								</template>
							</Column>
						</columns>
					</Table>
				</m:content>
			</m:Page>
		</m:pages>
	</m:App>
</mvc:View>
CristianBabei
Contributor
0 Kudos

Can you post an image of your issue?

Accepted Solutions (0)

Answers (1)

Answers (1)

Sharathmg
Active Contributor
0 Kudos

wrapping="true"/> - is provided for address field, which will wrap the contents in the cell of address and hence the scroll.

Check the table, by setting visibleRowCount property to 5, or 10.

Check the sample: https://sapui5.hana.ondemand.com/#/sample/sap.ui.table.sample.Basic/preview

Regards,

Sharath

Former Member
0 Kudos

Hi, I've tried to set wrapping = "false" and I saw this grid table example, It's practically the same code structure, but my grid table has this "bug" that only the address column It's srolling.

Sharathmg
Active Contributor
0 Kudos

Hi Lucas,

Put in a screenshot of the table and how it appears.

Regards,

Sharath

Former Member
0 Kudos

This is my initial view

When I scroll, only the "Endereço" (Address) column It's scrolling

Sharathmg
Active Contributor
0 Kudos

this is a first to me too. Seems like a bug or an alien effect.

Former Member

Hi, I managed to solve the problem, I put a blank space after calling the value of the variable.

Like this:

<m:Text text="{Email} " >

I think this is a bug like you've said.

Thanks for helping me.

Best Regards,

Lucas.

Sharathmg
Active Contributor
0 Kudos

Interesting! What is the version of SAP UI5 in your project? Can you manually include another version of UI5 and check if it works without space.

Former Member
0 Kudos

I'm using the 1.54.8 version of UI5, and still have this bug.