Show TOC

Working with Lists and TablesLocate 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
Samples

For samples, see the Explored app:


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.
    Implementing a Responsive Table
    SAPUI5 supports column-based and row-based solutions to support flexible and clearly arranged tables.
    Highlighting Rows and Columns
    You can use CSS to achieve striping of table rows as you might do in other web-based applications.
    Table Design
    The table design in SAPUI5 is facilitated by 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 Table
    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.