Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 57 Current »

The Table control is used to display large amounts of data in tabular form. It contains a set of line items and is fully responsive. For more information, you may refer to the SAPUI5 API reference for Responsive Table control, its samples, and usage.

Table Properties

Element

Usage

Definition

Select the Ellipsis button to display the Table Definition screen

No Toolbar

Sets the visibility of the table toolbar

No Auto Load

Prevents the automatic loading of data into the table

Keyboard Mode

Makes the control responsive to keyboard interaction

Common Control Properties

 See other properties

Element

Usage

ID

Unique identifier of the control

Bound Field

Table array assigned to the control

GridData(LMS)

Defines how many columns are displayed depending on the available screen size with a maximum of 12

Please refer to GridData for further details

Enabled

Defines whether the user can interact with the control or not

Set the value to true or false

Visible

Defines whether the control should be visible on the screen or not

Set the value to true or false

Editable

Defines whether the control can be modified by the user or not

Set the value to true or false

Mandatory

Defines whether the control should be mandatory or not

Set the value to true or false

Style Class

Defines the CSS style of the control

Please refer to Using Predefined CSS Margin Classes and Using Container Content Padding CSS Classes for further details

All/More

Opens up a search help that contains other properties that you can define for the control

Please refer to the SAP UI5 API reference to see the list of available properties for each control

Advanced

Properties of the control that are not available from the list can be written in the advanced Detail Editor

Please refer to Setting Additional Properties of a Control

Table Definition

Property

Description

Header text

Sets the Table header text

Show no data

Activates the text assigned in the “No data text” definition when the table is empty

No data text

Text displayed when the table is empty

Growing

Flag to set the growing feature on or off.

If turned on, it requests data from the model in a lazy way. This enables the app to only retrieve data from the server as and when necessary.

Growing Threshold

Defines the number of items that are requested each time from the model

Mode

Selection for the table mode

Model based

Sets the table to be bound to the defined data model

Model

Sets the data model for the table

Entity set

Entity set to be used based from the model assigned

Filters

Set the filters to be passed onto the model

Hide delete button

Flag to set the delete button to hidden after the record is deleted

Hide export button

Flag to set the export button to hidden

OnItemPress

Defines the actions that will be executed OnItemPress event by calling the related JavaScript function

OnSelect

Defines the actions that will be executed OnSelect event by calling the related JavaScript function

OnUpdateFinished

Defines the actions that will be executed OnUpdateFinished event by calling the related JavaScript function

OnDelete

Defines the actions that will be executed OnDelete event by calling the related JavaScript function

Child Controls

To create a parent/child relationship in the Form Structure, right click on a parent control and add a child control. Below is the list of child controls that you can add to the Table control.

Table Columns

 See Child Controls

Table Column

  • Footer

  • Column Header

Table Cells

Toolbar Container

 See Child Controls

Info Tool Bar

 See Child Controls




  • No labels