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.

Feature Availability

[internal_only]

Table Type

Responsive Table (Default)

Analytical

Grid

Tree

SAP Fiori Elements for OData Version

V2 & V4

V2 & V4

V2

V2

SAP Internal Only: V4 offers limited, read-only support for the tree table with the ABAP RESTful Application Programming Model (RAP).

Devices
Desktop
Tablet
Phone
Responsive
(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.
Compact density
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

[/internal_only][external_only]

Table Type

Responsive Table (Default)

Analytical

Grid

Tree

SAP Fiori Elements for OData Version

V2 & V4

V2 & V4

V2

V2

Devices
Desktop
Tablet
Phone
Responsive
(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.
Compact density
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

[/external_only]

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