SAP Knowledge Base Article - Public

3059550 - Optimized column width based on content of table and Hidden columns in responsive tables based on Importance

Symptom

You are using a List report Object page Or Analytical list page application with responsive table built using Fiori Elements.

You have increased/decreased width to table columns.

You have table columns not utilizing the available horizontal space of table.

You have noticed that, few of the columns are hidden in table and appear in popin after click of “show details” button in table toolbar.

The columns you added from table personalization are not visible. They appear in popin after click on “Show Details”

Environment

CE2105

SAPUI5 version 1.87 or higher

Cause

Below two User Experience enhancements were introduced with this release.

1. Responsive table columns now gets automatic column width by default based on their metadata property: This change brings in optimizations with respect to the column width handling in tables. Additionally end users can now adjust the width as per content by double click on the column header or by dragging the column border.

2. Column view optimization by using UI.Importance annotation:Default importance is changed to “None” from “High” for columns with UI.Importance undefined. If not enough space, columns moves to popin in the order of importance Low, None/Medium and High. Now the popin columns other than High importance will no longer be shown by default and are hidden. This has the advantage that user can still see a table in small screen devices and in Flexible Column Layout. In the past only 3-4 rows were seen due to popin columns taking more vertical space. User can also view the hidden columns by clicking on “Show Details” button if required.

Resolution

Adjust width for existing columns to optimum size. This should help to accommodate space for the popin columns in the standard table layout. Save this change as variant.

See Also

Fiori Design Guidelines - Responsive Table - Auto Pop-In Mode

SAPUI5 Tables (> Additional Features in SAP Fiori Elements for OData V2 > Show/Hide Columns Based on Importance and Available Screen Size)

What's New in SAP S/4HANA Cloud 2105 (20.15 Default Importance of Table Columns)

Keywords

responsive table, auto pop-in mode, fiori elements , KBA , CA-UI5-ST , Fiori elements v2 , Problem

Product

SAP S/4HANA Cloud 2105