Grid Table

The Grid Table control contains a set of data that is structured in rows and columns. It allows the userĀ to scroll in both directions and can handle large numbersĀ of items and columns. This control relies completely on data binding, and its supported feature set is tightly coupled to the data model and binding being used. For more information, you may refer to the SAPUI5 API reference for Grid Table control, its samples, and usage.

Grid Table Properties

Element

Usage

Element

Usage

Visible Row Count

Defines the number of rows

Fixed Column Count

Defines the number of columns

Model

Sets the data model for the table

Entity Set

Defines the Entity set based on the model assigned

Filters

Sets the filters for the data model

OnFilter

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

Selection Mode

Defines whether single or multiple rows can be selected and how the selection can be extended

For more information, see the API Reference for Selection Mode

Selection Behavior

Defines how a row can be selected

For more information, see the API Reference for Selection Behavior

OnRowSelect

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

OnSort

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

Common Control Properties

For more information on the properties that you can define for this control, see Grid Table Control Properties.

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

Column

  • Table Cell

  • Label

  • Multi-Label

  • Custom Node

Toolbar Container

Table Footer

Custom Node

Related articles