Table Toolbar

Intro

The SAP Fiori elements templates support the features and settings for the table toolbar detailed below.

For design information, see the guidelines starting with Table Overview, and see the links below.

[external_only]

Feature Availability

Features in List Report and Object Page

Availability

Title

Visible by default

You can hide it.

With SAP Fiori elements for OData V4, you can show the table row count next to the title.

Table Personalization Actions
Default, you can turn them off.
Application-Specific Actions
Available
Select All Action
Available
Show/Hide Details
Available in responsive tables
Actions Disabled Before Row Selection
Available
Conditional Enablement of Navigation Buttons

Available with SAP Fiori elements for OData V4

Requires an extension with SAP Fiori elements for OData V2

Messages for Critical Actions
Available
Messages for Destructive Actions
Available
Multiple Views on a Table
Available

List Report-Specific Features

Availability

Toolbar Sticky Behavior
Default, you can turn it off.
Standard Actions: Create, Delete, and Export to Spreadsheet
Default, you can turn them off.
Object Creation via an Object Page
Default, you can change it.
Object Creation via a Dialog
Available in certain conditions
Hide Draft Values / Show Draft Values
Available, with SAP Fiori elements for OData V2 only.
Hiding Actions in Multiple Content Layout
Available

Object Page-Specific Features

Availability

Search
Available, when the data allows it.
Edit
Default, when the data allows it.
Delete
Default, when the data allows it.
Subobject Creation via Subobject Page
Default, you can change it.
Subobject Creation via Dialog
Available for applications that are not draft-enabled in certain conditions
Create Not Visible
In certain conditions
Inline Creation
Available, in draft-enabled applications for grid and responsive tables
Prefilling Fields for New Object Creation
Available, in draft-enabled applications
Copy and Paste from Microsoft Excel
Available, in draft-enabled applications for grid and responsive tables, in certain conditions
Export to Spreadsheet

Available

Default, when the copy and paste from Microsoft Excel feature is enabled.

Full Screen Mode for Table Display
Available, not recommended
Segmented Button for Switching Table Views
Default for a table with a maximum of three views
Select Control for Switching Table Views
Default for a table with four or more views

[/external_only]

[internal_only]

Feature Availability

Features in List Report and Object Page

Availability

Title

Visible by default

You can hide it.

With SAP Fiori elements for OData V4, you can show the table row count next to the title.

Table Personalization Actions
Default, you can turn them off.
Application-Specific Actions
Available
Select All Action
Available
Show/Hide Details
Available in responsive tables
Actions Disabled Before Row Selection
Available
Conditional Enablement of Navigation Buttons

Available with SAP Fiori elements for OData V4

Requires an extension with SAP Fiori elements for OData V2

Messages for Critical Actions
Available
Messages for Destructive Actions
Available
Multiple Views on a Table
Available

List Report-Specific Features

Availability

Toolbar Sticky Behavior
Default, you can turn it off.
Standard Actions: Create, Delete, and Export to Spreadsheet
Default, you can turn them off.
Object Creation via an Object Page
Default, you can change it.
Object Creation via a Dialog
Available in certain conditions
Mass Edit
Available as an internal feature only.
Hide Draft Values / Show Draft Values
Available, with SAP Fiori elements for OData V2 only.
Hiding Actions in Multiple Content Layout
Available

Object Page-Specific Features

Availability

Search
Available, when the data allows it.
Edit
Default, when the data allows it.
Delete
Default, when the data allows it.
Subobject Creation via Subobject Page
Default, you can change it.
Subobject Creation via Dialog
Available for applications that are not draft-enabled in certain conditions
Create Not Visible
In certain conditions
Inline Creation
Available, in draft-enabled applications for grid and responsive tables
Prefilling Fields for New Object Creation
Available, in draft-enabled applications
Copy and Paste from Microsoft Excel
Available, in draft-enabled applications for grid and responsive tables, in certain conditions
Export to Spreadsheet

Available

Default, when the copy and paste from Microsoft Excel feature is enabled.

Full Screen Mode for Table Display
Available, not recommended
Segmented Button for Switching Table Views
Default for a table with a maximum of three views
Select Control for Switching Table Views
Default for a table with four or more views

[/internal_only]

Features in List Report and Object Page

The information below relates to table toolbar actions and settings in both the list report and object page floorplans.

Table Personalization Actions

By default, Sort, Group and Order actions are enabled.

These actions are icon buttons that open the Personalization dialog to the tab for the corresponding action.

For specific use cases, you can disable the icon buttons. When you do, the user must open the Personalization dialog to access the actions.

Table-level variant management is not a prerequisite for personalization.

For more information, see Table Personalization (Overview).

Application-Specific Actions

You can define these actions and the text displayed on the buttons.

If the action navigates to a different application, the action can be hidden according to the user’s authorization or the screen availability.

For more information, see:

Select All

By default, Select All is hidden with SAP Fiori elements for OData V2. You can display it.

By default, Select All is displayed with SAP Fiori elements for OData V4 when you enable multiple item selection.

When the Select All button is hidden:

For a responsive table, enabling the multiple item selection is a prerequisite to enabling the Select All button.

For an analytical table, grid table, or tree table, ask the development team to use the Multi-Selection Plugin.

To ensure a positive user perception of performance, only display the Select All button for a small number of items.

When the user clicks Select All, all the items or rows load from the backend. Loading many items onscreen can require multiple requests to the system and, consequently, take time.

For more information, see Enabling Multiple Selection in Tables.

Show / Hide Details

The responsive table toolbar displays the Show Details action when at least one column is hidden from the screen because of limited onscreen space.

After the user clicks Show Details, the the table displays the hidden information in the pop-in area, and the action changes to Hide Details.

The importance assigned to a column determines whether or not the table displays its values onscreen when screen space is limited:

By default in responsive tables:

You can change the level of importance.

Actions Disabled Until the User Selects a Row

You can set actions in the table toolbar to display as disabled until the user selects one or more table rows for the action.

Note that the development team may call actions that require selection “context-dependent” actions and actions that are enabled without a selection “context-independent” actions.

For more information, see UI Element States.

Conditional Enablement of Navigation Buttons

With SAP Fiori elements for OData V4, you can enable buttons that navigate the user to another page or application based on the value of a specific field.

With SAP Fiori elements for OData V2, this feature requires extensions.

For example, you can enable the Generate Purchase Order button only for sales orders with the completed status.

Implement this feature only when the way to enable the button is obvious to end users.

Messages for Critical Actions

For actions that you set as critical, you can display one of the following after the user triggers the action:

Also, the backend can require a confirmation on some actions. In this case, the confirmation message is always shown in a message box.

Overwrite the default message text so it’s meaningful to the users, as shown in the example below. Provide the new text to the development team. Then, the development team updates it in the application’s internationalization (i18n) file for the object type.

Ask the development team whether or not the backend requires confirmations for your use case.

Example

SAP Fiori elements for OData V2
SAP Fiori elements for OData V4
Default Text

“Do you really want to execute the action <Action Label>?”

<Action Label> is the label shown on the button.

“Do you really want to perform this action?
Replacement Text
“Are you sure you really want to activate this product?”
“Are you sure you really want to activate this product?”

For more information, see:

Messages for Destructive Actions

By default, a message is displayed for confirmation of an action that will delete or destroy important data.

Overwrite the default message text so it’s meaningful to the users, as shown in the example below. Provide the new text to the development team. Then, the development team updates it in the application’s internationalization (i18n) file for the object type.

Example

SAP Fiori elements for OData V2
SAP Fiori elements for OData V4
Default Text

The default message reuses the title and the description defined for the object in the table.

  • In flexible column layout: Delete object <title> <description>?
  • For example, “Delete object 12345 (Sales Order)?”
  • In full screen mode: Delete object <title>?
  • For example, “Delete object 12345?”
“Do you really want to perform this action?
Replacement Text
“Are you sure you really want to delete this product?”
“Are you sure you really want to delete this product?”

For more information, see:

Multiple Views for a Table

You can display a table with multiple views, for example, each view of the same table can display different columns or prefiltered states.

For a maximum of three views, a segmented button is displayed. For four or more, the select control is displayed.

With SAP Fiori elements for V4, you can also display the row count for each view next to the view name.

List Report-Specific Features

The information below relates only to table toolbar actions and settings in the list report floorplan.

Standard Actions

By default, Create, Delete, and Export to Spreadsheet are enabled.

You can disable them.

You can also enable or disable the Delete button based on conditions specified in the backend.

Example

You can disable deletion for a sales order that has already been paid. When a user selects an item that cannot be deleted, the Delete button is disabled. In addition, if the user navigates from this item in the list report to the object page, the Delete button is hidden.

In a responsive table, if you put a Delete button in the toolbar, do not enable the inline Delete for table rows.

Create Object Actions

By default, the create via the object page feature is enabled. The create action opens the object page in create mode so the user can enter the data.

You can:

When you enable the object creation via a dialog feature, users cannot navigate to an object page in create mode. Instead, they can navigate to the object page in display mode and switch to edit mode.

Note that when a user clicks Cancel in the create dialog, no draft states are maintained.

[internal_only]

Mass Edit

This feature is available internally only.

With SAP Fiori elements for OData V2, you can enable this action for a table in an application that is not draft-enabled.

By default, the Edit dialog contains all the currently visible fields. The application development team can override the default and configure the fields to display in the Edit dialog.

Note that application developers call this feature multi edit, not mass edit.

[/internal_only]

[internal_only]For more information, see Mass Edit.[/internal_only]

Hide Draft Values / Show Draft Values

With SAP Fiori elements for OData V2, you can display this button to allow users to choose between a display of only saved records or of all records. The button is displayed only when the Editing Status filter in the list report filter bar is set to All.

By default, the list report displays active (saved) records, draft (unsaved) records, and draft changes to active records.

Note that this feature is enabled at the application level and also displays the Display Saved Version / Return to Draft button in the object page header.

The selection in the list report determines the state of the object that opens when the user navigates to the object page:

When the user navigates back to the list report, it displays with the previously selected state.

Hiding Actions in Multiple Content Layout

You can hide an action from a toolbar for a specific table when the list report contains multiple views with multiple tables.

For more information, see:

Object Page-Specific Features

The information below relates only to table toolbar actions and settings in the object page floorplan.

You can enable a search on the table.

For more information, see Search.

Edit

By default, Edit is displayed when the business object shown in the table is editable.

Delete

By default, Delete is displayed in edit mode when the business object shown in the table is deletable.

You can enable or disable the Delete action to allow users to delete only in certain conditions.

For example, after the sales items for a Sales Order have shipped, you can hide the Delete action for the items. When a user selects an item that cannot be deleted, the Delete action is disabled.

When multiple selection is enabled for the table, the Delete action is enabled if at least one selected item is deletable.

In a responsive table, if you put a Delete action in the toolbar, do not enable the inline Delete for table rows.

Subobject Creation

By default:

You can:

Replace the default dialog title or subobject page title “New Item” to reflect the name of the subobject and to provide a name for unnamed objects that’s meaningful to the user.

For more information, see:

Create Action Visibility

Whether or not the Create action is visible in the table toolbar depends on:

Flow Type
Read Mode for All Tables
Edit Mode for Tables with Subobject Pages
Edit Mode for Tables with Inline Edit

Global Flow for Draft-Enabled

Applications with Fiori Elements for OData V2

  • Navigation indicators are visible (if required).
  • Create button is not visible.
  • Navigation indicators are visible (if required).
  • Create button is visible.
  • Navigation indicators are visible (if required).
  • Create button is visible.

Local Flow for Non-Draft Enabled Applications

  • Navigation indicators are visible (if required).
  • Create button is visible.
  • Navigation indicators are not visible.
  • Create button is not visible.
Not Supported.

Inline Creation

With SAP Fiori elements for OData V4, in grid and responsive tables, you can enable inline creation of entries for applications with draft handling enabled. The Create action is displayed in edit mode.

The inline create action creates a new row where the users can enter the subobject data. By default, the new row is highlighted in blue and displayed at the top of the table. The highlighting disappears after the users save the data.

You can:

For more information, see Add Items.

Prefilling Fields for a New Object

You can turn this on in draft-enabled applications for the default create action via the object page, where the user navigates to another application to enter the data in the new object page.

The new object must be the main object on the object page.

You determine both the fields to prefill and the default values for the fields.

Copy and Paste from Microsoft Excel

By default, the table toolbar for responsive and grid tables displays Paste when the following are enabled:

After users copy data from a spreadsheet, they can place the focus anywhere in the table except for the cells and trigger the browser paste with the keyboard shortcut (Ctrl+V for Microsoft Windows, Cmd+V for MacOS).

Limitations

Export to Spreadsheet

By default, Export to Spreadsheet is enabled with the copy and paste from spreadsheet feature above.

You can enable the button independently of the copy and paste from Microsoft Excel.

The Export to Spreadsheet button allows user to export the values in the table, including values in custom columns.

For more information see Export to Spreadsheet.

Full Screen Mode for Table Display

You can enable full screen mode for a table. However, it is generally not recommended.

Users click the Maximize action in the toolbar to display to the table in a dialog. They can return to the object page by clicking either the Minimize or Close action.

For more information on the restrictions for this feature, see Maximize/Minimize.

Content Switch for Table Views

By default, the number of views that you set for the table determines the UI control for the content switch for table views.

By default, the count or number of records in the view is not displayed next to the title of the content switch for table views for performance reasons. Talk to the development team about how displaying the counts impacts performance for your use case.