Hi, I provide training in SAP UI5. Also feel free to checkout my new web page https://saptechblog.com
Webdynpro ABAP

Freezing a column in Table UI Element

 

This tutorial explains how to freeze a certain columns displayed in the table UI element.

Pre-requisites: Display a set of data for a number of columns using table UI element.

For more information refer to: Table UI element.

Output:

The output of above mentioned table UI element is as below. Here all the fields of the table EKKO is displayed.

clip_image002

 

Now let us assume that we need first two columns (Purchasing document and company code) to be freeze so that we can view all other columns with reference to the first two columns.

In order to achieve it modify the property of the table as below.

Set the scrollable column count of the property as 10 so that 10 columns will be displayed in the table is displayed and other remains hidden introducing a horizontal scroll in the table.

clip_image003

 

In order to make the PO number and Company code to be remain fixed in the first position modify the fixed column position of the respective column as left.

clip_image004

Similarly set the same property for the table columns that are supposed to freezed.

Output:

clip_image006

 

If you scroll the horizontal scroll bar you can see the column Purchasing document and Company code remains fixed.

 

About Arun

1 Comments:

  1. how to fix few column in webdynpro screen which is accessde by browser.for example if we have 10 fields on out put screen i want to fix 2 fields so that if i scroll to right 2 fields wont move.

    ReplyDelete

Powered by Blogger.