Column Scrolling in a Table
We recommend that you do not insert too many columns in a Table. However, should this be necessary, column scrolling can prevent users from having to scroll horizontally in the browser window.
The following modes for column scrolling are available:
-
Fixed specification of the number of visible columns
This mode is activated by specifying a fixed number of scrollable columns in property scrollableColumnCount . The maximum number of columns that can be displayed is always this specified number, and a paginator is provided in the footer for scrolling.
-
Columns fitting in the Table
The following prerequisites must be met for this mode to function reliably:
-
scrollableColumnCount = -2 activates the mode
-
fixedTableLayout=true should also be activated so that columns are only as wide as specified.
-
The width of all columns and of the Table must be specified, and the widths must be set in the same unit (exception: the Table width can be in a different unit if the column widths are specified as a percentage)
As many columns as fit in the Table will be displayed. If one of the columns is too wide, has a wrong unit, or has no width specification at all, it will be displayed individually in the full width of the Table. Note that if there is an existing selection column, the specified Table width is increased by this column.
-
-
If WDUIGUIDELINE=GL20 and columnResizeBehavior=preserveOtherColumns are set, you get a continuous column scrolling on the client side.
If columnResizeMode=preserveOtherColumnWidths, the following conditions must be met:
-
The following must be set: table.fixedTableLayout=true
-
Table.width must be specified
-
All TableColumn.width must be have a width in ex, em, or px
If a width is not set in this way, the Web Dynpro Framework attempts to determine a width from the cell editor.
Fixed table columns are not possible with columnResizeMode=preserveOtherColumnWidths.