Canvas Apps Controls Modern Controls User Experience

Table – Everything you want to know about modern control #18

A table with a flower pot on it
A table with a flower pot on it

Introduction to modern Table control

Table control has been around in Power Apps ever since it came into existence. But the classic version had a ton of flaws. I had written this blog about why you should always use a gallery instead of the classic table control. So although it isn't a new control, the classic/earlier version isn't available anymore. So, we will simply go through the properties of this modern control without any comparison to the older version.

Properties

  1. Items - The Dataverse table to populate the control
  2. NoDataText - The text to show when no records are visible
  3. ReflowBehavior - To control the responsive behavior of the control. There are 3 options:
    1. 'PowerAppsOneGrid.ReflowBehavior'.Reflow (the table displays in tabular form when the control is 480 or more pixels wide and transitions to a list format in narrower conditions)
    2. 'PowerAppsOneGrid.ReflowBehavior'.GridOnly (the table always displays in a tabular (or list) format regardless of the control width. You can use Power Fx formulas to create your own breakpoints for defining the responsive behavior of the table)
    3. 'PowerAppsOneGrid.ReflowBehavior'.ListOnly (the table always displays in a list format regardless of the control width. You can use Power Fx formulas to create your own breakpoints for defining the responsive behavior of the table)
  4. EnableSorting - To allow users to sort by columns
  5. EnableRangeSelection - To allow users to select a range to copy and paste it somewhere else
  6. Selected - The selected record (when a single record is selected)
  7. SelectedItems - The selected records when multiple records are seleced
  8. ShowAvatar - To show the user's avatar or not
  9. ShowColumnHeaders - To show the column headers or not
  10. ShowFooter - To show the footer or not

Key considerations

  1. You cannot edit the data in this control. It is read-only.
  2. You can populate the control only with Microsoft Dataverse tables and collections.
  3. The control shows a predefined set of fields by default when connected to a Dataverse table. You can also display or hide other fields based on your needs.
  4. The control can automatically switch between tabular and list formats. You can manually manage this behavior using the Reflow property.
  5. When you run your app, you can adjust column widths. However, the changes aren't saved.

Using modern Table control

Here is a quick demo:

Table Control Demo
Demo

Stay tuned for the remaining modern controls!

To read the official documentation of modern controls, click here.

Recent articles

  1. Stream – Everything you want to know about modern control #17
  2. Slider – Everything you want to know about modern control #16
  3. Spinner – Everything you want to know about modern control #15

Leave a Reply