cancel
Showing results for 
Search instead for 
Did you mean: 

When scrolling SAP UI Table, some columns are not loading with new data

former_member213400
Active Participant
0 Kudos

Hi Folks,

We are developing one custom UI5 application, in that we used sap.ui.table control. Issues is,

we have some columns in the table out of all columns three columns are not loading when we are using scrolling. Those three columns are two contains ICON as a template and the other one is button. Based on some conditions we are giving stylesheet to ICON columns.

When I debug what we understand is based on visible row count those row references are coming to modify based on condition. And we tried to set dynamic visible row count too but here page is getting scrolling.

What we need is, table to be scrolled with header freeze. for that we kept visible rowcount. once we keep the row count as 5 or 10 the above issue is raising.

Kindly suggest us with your valuable inputs.

Experts, masayuki.sekihara jerry.wang michal.keidar tejas.chouhan sarbjeet.singh midhun.vp 9958e4b6df99431a84a41b015b639ac8 oddss @

Accepted Solutions (0)

Answers (3)

Answers (3)

appy010
Explorer
0 Kudos

hi maheshkumar.palavalli,

is your problem got solved i am facing similar issue with sapui 5 scrolling

Thanks,

Aparna

former_member213400
Active Participant
0 Kudos

Hi maheshkumar.palavalli ,

Thank you for your valuable inputs.

I tried as you suggested, please find below example code

1. Code:-
<VBox fitContainer="true">
<layoutData>
<ui:Table id="table1">
<ui:toolbar></ui:toolbar>
<FlexItemData growFactor="1" baseSize="0%">
<ui:columns></ui:columns>
</FlexItemData>
</ui:Table>
</layoutData>
</VBox>


2. Code:-
<VBox fitContainer="true">
<layoutData>
<FlexItemData growFactor="1" baseSize="0%">
<ui:Table id="table1">
<ui:toolbar></ui:toolbar>
<ui:columns></ui:columns>
</ui:Table>
</FlexItemData>
</layoutData>
</VBox>

But i am getting error, if i am coding like above. i request you to elaborate with small example(your own example) by using SAP UI Table with VBox. kindly note that we have to use ui.table.

Thank you, Kiran.

maheshpalavalli
Active Contributor
0 Kudos

layoutdata is aggregation for ui.table.

You need to set the layoutdata as flexitemdata for ui.table not for the VBOX(ui.table is not the aggregation for flexitemdata)

Paste your xml code if still you are facing issues.

maheshpalavalli
Active Contributor
0 Kudos

Hi Kiran,

From what i understand, you want to fit the ui.table to full page and scroll bar shouldn't appear for the page and it should only for the table.

If that is what you are looking for see the below sample code in the link:

https://ui5.sap.com/#/sample/sap.ui.comp.sample.smarttable/code

You need to set the layout data and set the ui.table as flex item and set the growfactor for it as 1. Make sure to put the ui.table in VBOX as it provides the flex box and layout data of the uitable will set the table as flex item.

<VBox fitContainer="true">
			<smartFilterBar:SmartFilterBar >
				// Some code
				<smartFilterBar:layoutData> //
					<FlexItemData shrinkFactor="0"/>
				</smartFilterBar:layoutData>
			</smartFilterBar:SmartFilterBar>
			<smartTable:SmartTable>
				<!-- layout data used to make the table growing but the filter bar fixed -->
// Place where it sets the table rows to auto fit to the screen
				<smartTable:layoutData> 
						<FlexItemData growFactor="1" baseSize="0%"/>
				</smartTable:layoutData>
			</smartTable:SmartTable>
		</VBox>

BR,

Mahesh