Table Types

Intro

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

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

In the future, with SAP Fiori elements for OData V4, analytical tables will display the number for the grouped total of items in the same group with different units of measure, for example, a grouped total for sales revenue calculated across different currencies.

These totals cannot yet be calculated so, for now, an asterisk (*) is displayed instead of a number.


Feature Availability

Table Type

Responsive Table (Default)

Analytical

Grid

Tree

SAP Fiori Elements for OData Version

V2 & V4

V2 & V4

V2 Only

V2 Only

Support of Table Type according to SAP Fiori Elements Template

List Report / Worklist

SAP Fiori elements for OData V4

SAP Fiori elements for OData V2: read only

Object Page / Form Page

SAP Fiori elements for OData V2

SAP Fiori elements for OData V4: read only

Analytical List Page: Available only for SAP Fiori elements for OData V2
Read only
Read only
Read only
Read only
Overview Page
Read only
Devices
Desktop
Tablet
Phone
Responsiveness
(hide column, popin support)

Density Mode

See Content Density.

See Analytical Table: Compact, Cozy, Condensed.
See Grid Table: Compact, Cozy, Condensed.
See Tree Table: Types.
Condensed density
Cozy density
Summarized cell
Hierarchical data
Large number of rows (> 200)
Grouping
Freeze columns
Horizontal scrolling
Merge duplicates
Supported Inline Controls
All
Limited
See Inline Controls for Non-Responsive Tables below.
Limited
See Inline Controls for Non-Responsive Tables below.
Limited
See Inline Controls for Non-Responsive Tables below.
Row-based
Column-based

Inline Controls for Non-Responsive Tables

These inline controls are supported for grid, analytical, and tree tables:

  • Text
  • Label
  • ObjectStatus
  • Icon
  • Button
  • Input
  • DatePicker
  • Select
  • ComboBox
  • MultiComboBox
  • CheckBox
  • Link
  • Currency
  • RatingIndicator
  • ProgressIndicator

Also, the following when they are of a responsive or very small size:

  • StackedBarMicroChart
  • ComparisonMicroChart
  • BulletMicroChart

Elements and Controls

Implementation