Show TOC

List, List Item, and TableLocate this document in the navigation structure

sap.m.List and sap.m.Table both inherit from the abstract sap.m.ListBase and provide the features used for lists and tables.

sap.m.List and sap.m.Table provide the following features:

  • Selection modes, such as Single and Multi
  • Navigation types such as Navigation, Active or Detail
  • Swipe for Action
  • Growing feature
  • Grouping

In this section:
    Lists
    Lists have properties and events and they contain list items that inherit from sap.m.ListItemBase, which provides navigation, selection and event features. The list item type determines the way the list item interacts by providing additional features.
    Creating Tables
    A Table basically consists of columns (sap.m.Column) and rows. The rows, defines as sap.m.ColumnListItems consist of cells.
    Configuring Responsive Behavior of a Table
    SAPUI5 supports column-based and row-based solutions to support flexible and clearly arranged tables.
    Defining Column Width
    The API of sap.m.Column implies that width can be any valid CSS size, for example, 100px, 6em, 25%. The default value of the width is empty and this makes the column flexible which means it covers the remaining space.
    Table Design
    The table design in SAPUI5 can be changed by using various table and column features, such as the pop-in design.
    List and Table Events
    Both sap.m.List and sap.m.Table offer the same events, inheriting them from sap.m.ListBase.
    Growing Feature for Table and List
    sap.m.ListBase provides growing-related properties, which can be used for tables and lists.
    Grouping in a Table
    When you have repeated values in your table, you can use mergeDuplicate of the sap.m.Column control to sort your data based on the column to be merged.
    Table Personalization
    The simple concept of table personalization allows the user to personalize a table and to persist these settings.
    Performance of Lists and Tables
    Mobile devices usually have a limited memory and processing power. Complex web pages may therefore have a negative impact on the application performance. This also depends on the mobile device and affects most likely the sap.m.List and sap.m.Table controls.