The following tables types are supported in the list report and object page:
Responsive tables
Responsiveness is optimized for mobile use, line items can be viewed with no scrolling or with only vertical scrolling, regardless of the display width.
On mobile devices, a responsive table is always displayed.
Grid table
Desktop-centric table type which allows users to scroll in both directions. This table type can handle a large number of items and columns.
The application decides which table representation is most suitable based on the usage. The table toolbar is responsive. For information about available table types, see also Tables: Which One Should I Choose?.
The table control uses page mechanisms while loading data.
It contains the following:
Toolbar with actions rendered as text icons, for example, Personalize
Application-specific actions rendered as text buttons, for example Copy, Approve, and Delete
Indication of draft status (only for list report tables)
Displays items locked by other users (only for list report tables)
Default Selection Mode for Rows in Tables
By default, the table generated by the template is single-selection. Users select an item from the table to trigger a custom action, for example Validate, which then returns the results for the selected item. Applications can change this to multi-selection mode.
For more information, please refer to Enabling Multiple Selection in Tables.The following additional table types are supported:
Analytical table
Contains data structured in rows and columns. It provides several powerful options for working with data, including advanced grouping and aggregations.
In contrast to other tables, the analytical data binding used by the analytical table automatically displays an aggregated number in a cell.
Tree tables
Users can display hierarchically structured data.
In responsive, grid, and analytical tables, if the table is searchable (that is, if an entity set is used for which
sap:searchable
is true), a search field is displayed. You can search for particular rows in the table.
Smart multi-input is automatically rendered as a column in responsive and grid tables if a 1:N relationship exists in the association for the given column.
To configure smart multi-input fields on an object page, see Using the Smart MultiInput Control on the Object Page.
You can set the vertical alignment property for a responsive table via manifest property
tableColumnVerticalAlignment under the settings of
sap.ui.generic.app to
Top, Middle, or Bottom.
You can show or hide columns of list report and object page tables on different devices based on the
UI.Importance annotation settings.
If UI.Importance is not set, the default value is High and the column is visible on
all devices.
If UI.Importance is set to High, the column is visible on all devices.
If UI.Importance is set to Medium, the column is visible on desktops and tablets.
If UI.Importance is set to Low, the column is visible only on desktops.
In the flexible column layout with responsive tables, when the layout size is narrowed down, the columns annotated
with Low or Medium start to pop in and are hidden.
Based on the value of UI.Importance, the UI displays Show Details or Hide
Details buttons. When columns are hidden in a table, the table toolbar displays Show
Details button by default. On click of this button, the UI displays the hidden columns and the button changes to
Hide Details.
You can show or hide columns of list report and object page tables depending on the screen width, for example if the browser window
is small, if the app is running on a device with a smaller screen, or if you're using the flexible column layout. The value of the
UI.Importance annotation for the field determines which columns are hidden or moved when the screen size is
reduced.
If the screen size is narrowed down too much, the columns annotated with High and Medium start to
pop in, while the ones annotated with Low are hidden.
As soon as the first column is hidden, a button Show Details appears in the table toolbar:
When a user clicks the Show Details button, the text changes to Hide Details, and all
previously visible column information is shown as pop-ins. If a user clicks on the button again, the text changes back to
Show Details and only the information where the value of the UI.Importance annotation
is set to High and Medium remains visible.
You can exclude specific fields from the table personalization dialog in the list report and object page. You can set the
availability property of the column to 'hidden'.
For more information, check the property availability in the Settings table in the topic Example: Adding Columns to a Responsive Table in the List Report.