- Latest Version 1.128
- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
- Latest Version 1.128
- Version 1.126
- SAPUI Version 1.124
- SAPUI5 Version 1.122
- SAPUI5 Version 1.120
- SAPUI5 Version 1.118
- SAPUI5 Version 1.116
- SAPUI5 Version 1.114
- SAPUI5 Version 1.112
- SAPUI5 Version 1.110
- SAPUI5 Version 1.108
- SAPUI5 Version 1.106
- SAPUI5 Version 1.104
- SAPUI5 Version 1.102
- SAPUI5 Version 1.100
- SAPUI5 Version 1.98
- SAPUI5 Version 1.96
- SAPUI5 Version 1.94
- SAPUI5 Version 1.92
- SAPUI5 Version 1.90
- SAPUI5 Version 1.88
- SAPUI5 Version 1.86
- SAPUI5 Version 1.84
- SAPUI5 Version 1.82
- SAPUI5 Version 1.80
- SAPUI5 Version 1.78
- SAPUI5 Version 1.76
- SAPUI5 Version 1.74
- SAPUI5 Version 1.72
- SAPUI5 Version 1.70
- SAPUI5 Version 1.68
- SAPUI5 Version 1.66
- SAPUI5 Version 1.64
- SAPUI5 Version 1.62
- SAPUI5 Version 1.60
- SAPUI5 Version 1.58
- SAPUI5 Version 1.56
- SAPUI5 Version 1.54
- SAPUI5 Version 1.52
- SAPUI5 Version 1.50
- SAPUI5 Version 1.48
- SAPUI5 Version 1.46
- SAPUI5 Version 1.44
- SAPUI5 Version 1.42
- SAPUI5 Version 1.40
- SAPUI5 Version 1.38
- SAPUI5 Version 1.36
- SAPUI5 Version 1.34
- SAPUI5 Version 1.32
- SAPUI5 Version 1.30
- SAPUI5 Version 1.28
- SAPUI5 Version 1.26
Table Features
Intro
The SAP Fiori elements templates support the features and settings for a table detailed below.
For design information see the table guidelines, starting with Table Overview, and the links within this article.
Feature Availability
Table Settings |
Availability |
Column Heading Labels | You set these. |
Tooltips on Column Header Labels | Available for exceptional use cases with SAP Fiori elements for OData V4 |
Clear All | With SAP Fiori elements for OData V2, when the selection of multiple rows is enabled, the clear all checkbox is displayed by default for:
With SAP Fiori elements for OData V4, when the selection of multiple rows is enabled, the clear all checkbox is displayed, for all tables, except a responsive table in an object page with anchor bar mode. You can change the default. |
Select All | With SAP Fiori elements for OData V2, when the selection of multiple rows is enabled for a responsive table, the select all checkbox is displayed by default in an object page.
With SAP Fiori elements for OData V4, when the selection of multiple rows is enabled for a responsive table, the select all checkbox is displayed by default in an object page with anchor bar mode. You can change the default. |
Sticky Column Header Behavior | Default, you can turn it off. |
Column Width | The default width depends on the column contents. You can change it. |
Column Importance | In a responsive table, by default, all columns have an importance of none, except for list report columns for key fields. These have high importance.
You can change the level of importance. |
Labels for Multiple Fields in a Column | Available in responsive tables with SAP Fiori elements for OData V4 |
Ascending Sort Order on a Column | Default, you can change it. |
Grouping | Available in responsive and analytical tables |
Number of Table Rows Displayed at Once | Work with the development team to find the best compromise between optimal user experience and optimal technical performance. |
No Data Found Text | Default, replace the generic placeholder text with text that’s meaningful to the user. |
Message Strip for the Table | Available, a message strip above the table can display all the messages related to the table in order of their severity.
With SAP Fiori elements for OData V2, an extension lets you set a custom message to display in the message strip above the table in the list report, analytical page, and object page. |
List Report and Analytical Page Only |
Availability |
Number of Table Levels Expanded at Initial Load | Default, you can change the number for the tree table and analytical table. |
Object Page Only |
Availability |
Message Strip for Rows with Errors | Default |
Table Settings
Tooltips on Column Header Labels
Clear All / Select All
When the selection of multiple rows is enabled for a table, both versions of SAP Fiori elements:
- Display by default either the Clear All checkbox or Select All checkbox in the header of the selection column, as detailed in the next sections
- Allow you to set which checkbox displays for all the tables on an object page, or for specific tables only
When the Select All action is hidden, the user can still select a range of multiple items, by selecting an item, pressing Shift, and selecting others.
For grid tables, analytical tables and tree tables, the default limit for rows the user can select at once is 200. You can change the limit. We recommend you consult the application team on how a change would impact performance.
SAP Fiori elements for OData V2 Defaults
When the selection of multiple rows (or multiselect) is enabled, the selection column header displays by default:
- The Clear All checkbox for:
- Grid tables, analytical tables and tree tables in both list reports and object pages
- Responsive tables in a list report
- The Select All checkbox for a responsive table in an object page
You can change the default.
SAP Fiori elements for OData V4
When the selection of multiple rows (or multi mode) is enabled, the selection column header displays by default the Clear All checkbox for all tables but a responsive table in an object page with anchor bar mode. In this case, the responsive table displays the Select All checkbox because the user can scroll to all the section content.
You can change the default.
Column Width
The default column width varies according to the column contents:
- Text: can range from 3 to 20 rem
- Image: 5 rem
- Rating or progress indicator: 6.875 rem
- Chart: 20 rem
You can can change the width.
Column Importance in Responsive Tables
By default:
- Key fields have high importance in list reports.
- Other columns have the importance of none and are handled like columns assigned medium importance.
You can change the level of importance.
The importance assigned to a column determines whether or not the table displays its values onscreen when screen space is limited:
- The values from high importance columns are always displayed onscreen — as columns or in the pop-in area, depending on the screen size.
- The values in columns with low importance are first to be hidden.
When at least one column is hidden, the table toolbar displays the Show Details button so users can view the previously hidden columns in the table pop-in area. After the user clicks Show Details to display the column, the action changes to Hide Details.
You can also assign an importance to custom columns.
For more information, see:
Labels for Multiple Fields in a Column
By default, with SAP Fiori elements for OData V4, when a column contains a field group with more than one field, the labels for those fields are not displayed.
You can enable the display of a label for each field. The field group label then is displayed as the column title in the header.
Sort Order
By default, the sort order for a column is ascending.
You can:
- Set the default sort order to descending.
- Define other, customized sort orders.
For more information, see the sort guidelines according to table type:
Number of Table Rows Displayed at Once
By default, a responsive table loads the following number of rows at once:
- 20 rows in a list report.
- 10 rows in an object page with multiple sections.
When more rows exist, the users can click the More button at the end of the table to view additional rows.
With SAP Fiori elements for OData V2, you can change the default number.
For an object page that includes one section and one subsection, the responsive table loads 20 rows and the user can scroll to view additional ones.
Grouping
Grouping is available in responsive and analytical tables.
You can define the format of the grouping headers.
No Data Found Text
By default, the following text is displayed when no data is found.
- When the user has not applied filters, the text is “No data found.”
- When the user has applied filters from the personalization dialog, the text is: “No data found. Try adjusting the search or filter parameters.”
List Report and Analytical Page Only
Initial Expansion of Table Levels
By default, on initial load, the following expandable tables are expanded to this number of levels:
- Responsive table: 1 level
- Tree table: 1 level
- Analytical table: 0 levels
You can change the default value for the tree table and analytical tables.
Object Page Only
Message Strip for Rows with Errors
When table rows contain errors, a message strip is displayed above the table. It contains a Filter Items link that lets users see only the rows with errors. After the users click the link, a Clear Filter link replaces it.
Related Links
Elements and Controls
- Table Overview (guidelines)
- Table Personalization & Dialogs (guidelines)
- List Report Floorplan (guidelines)
- Object Page Floorplan (guidelines)