SAP Fiori Elements Table Features

Updated: October 5, 2022
SAPUI5 Version 1.86

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.
Sticky Column Header Behavior Default, you can turn it off.
Column Importance Default: low, except for key fields

You can change the importance level.
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.
Ascending Sort Order on a Column Default, you can change it.
Grouping Available in responsive and analytical tables
No Data Found Text Default, replace the generic placeholder text with text that’s meaningful to the user.
 

List Report and Analytical Page Only
Number of Table Levels Expanded at Initial Load Default, you can change the number for the tree table and analytical table.

Table Settings


Column Importance

By default, all columns have low importance, except for key fields. You can change the level of importance.

The importance assigned determines whether a column is displayed in all screen sizes, and in the pop-in area for a responsive table when it is displayed in limited screen space.

  • High displays the column:
    • On all screen sizes
    • In the pop-in area for a responsive table
  • Medium displays the column:
    • On large and medium screens
    • In the pop-in area for a responsive table
  • Low displays the column on large screens only.

When columns are not displayed on the device screen, the table toolbar displays the Show Details button for users who want to display the hidden columns. After they click the button, it changes to a Hide Details button.

For more information, see:


Number of Table Rows Displayed at Once

By default, a table:

  • In a list report displays 20 rows at once
  • In an object page displays 10 rows or 20 rows according to certain conditions
Guidelines
Work with the development team to find the best compromise between optimal user experience and optimal technical performance.

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:


Grouping

Grouping is available in responsive and analytical tables.

You can define the format of the grouping headers.

For more information, see:


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.”
Guidelines
Replace the generic text with text that’s meaningful to the user.

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.

For more information, you can refer the development team to Initial Expansion Level for Tables in List Reports & Analytical List Pages.


Related Links

Elements and Controls

Implementation