Power Apps Modern Table Control [How to Use]

Looking for more information on Power Apps Modern Table Control? This Power Apps article covers all the details about Modern table control in Power Apps, including its key properties and how to use it in a simple scenario.

We will also learn how to enable the Power Apps Modern Controls for the Canvas app.

Power Apps Modern Table Control

  • Power Apps Modern table control is a type of control that displays a group of data in a tabular or list format.
  • The tabular format has column titles for each field displayed and a footer containing information about the dataset, like the number of records.
  • The Table control maintains a Selected property that points to the selected row and can be used to connect the Table control to other controls, much like the Gallery and Data table controls.

Refer to the screenshot below that how a Power Apps modern table control looks like:

Power Apps Modern Table Control

This is the overview of the Modern table control in Power Apps.

Power Apps Modern Table Control Properties

The table below represents all the important properties of a Power Apps modern table control:

PropertyDescription
ItemsWhere the information came from for the table’s items.
Allow range selectionIt indicates whether users can pick a table area and copy its values. The default value is Yes.
If you set this option to No, the user can not select the table area. It will only select a single line.
Yes:
Power Apps Modern Table Control Properties
No:
Power Apps Modern Table Properties
Reflow behaviorThere are three types of reflow behavior. Such as:
Reflow:
PowerApps Modern Table Control
Grid only:
Use PowerApps Modern Table Control
List only:
Table modern control in Power Apps
The default responsive behavior of the table. Reflow means the table displays in tabular form when the control is 480 or more pixels wide and transitions to a list format in narrower conditions.
GridOnly (or ListOnly) means the table always displays in a tabular (or list) format regardless of the control width, and you can use Power Fx formulas to create your breakpoints for defining the responsive behavior of the table.
VisibleSpecifies whether to display or hide the Modern Table Control.
Position– Distance between the control’s left side and the screen’s left edge.
Y – Distance between the top of the control and the top edge of the screen.
SizeWidth – The distance between the control’s left and right sides.
Height – Distance between the control’s top and bottom.
SelectedThe selected row in the Table control.

These are the properties of a Power Apps Modern Table Control.

See also  Power Apps Today Date Without Time | Power Apps Now()

Add Power Apps Modern Table Control

Here, we’ll see how to add a Modern Table Control in the Power Apps Canvas app.

You must first enable the “Modern controls and themes” option on the Power Apps Canvas app’s Settings page.

If you don’t enable this option, you won’t be able to see the Modern controls in Power Apps. Use these steps to enable Power Apps Modern Controls:

1. Sign in to Power Apps with your valid Microsoft credentials.

2. Create a New Blank Canvas app (Apps -> + New App -> Canvas).

3. Provide a unique name for the app (Power Apps Modern Data table Control) -> Choose the Format as Tablet -> Click on Create.

4. On the Power Apps Screen, Click on ellipses () from the top -> Settings.

Add Power Apps Modern Data Table Control

5. In the Settings pane, Select Upcoming features -> Preview -> Scroll down and Enable the Modern controls and themes as shown below.

6. Save and Publish the canvas app once.

Enable Power Apps Modern Controls

7. Expand the + Insert tab (from the top) -> go to the Modern tab -> Select the Table (Dataverse only) as below.

How to add Power Apps modern Data table
  • After being added, the Modern table control’s default name, PowerAppsOneGrid1, will appear on the screen. You can change the name to whatever you want.

This is how to add Modern table control in the Power Apps Canvas app.

How to Use Power Apps Modern Table Control

In the example below, I will explain how to use the Modern Table Control in the Power Apps Canvas app.

1. After inserting the Power Apps modern table, select a Dataverse data source because only the Dataverse connector will be used to access the data.

See also  Power Apps Microphone Control - How to use

2. You can connect the Dataverse connector from the Data tab or select the table, and then you can choose your Dataverse table from the right side pane.

How to Use Power Apps Modern Table Control

3. Once you select the Dataverse table, the modern table will appear only with two fields [Car Name, Created On] like the one below. Also, it will show the Row count at the bottom below.

Use Power Apps Modern Table Control

4. To add more fields in the modern table, select table -> Click on Edit from the Fields section -> + Add field -> Select the fields you want to add -> Click on Add.

5. Also, you can remove any unnecessary fields from the modern table control.

Power Apps Modern Table

6. The Power Apps modern table will appear with all the selected fields, as shown below.

How to use Power Apps Modern Table

7. Next, add a Text input control (+ Insert -> Modern -> Text input) below the modern table control. Also, make its Mode property to Multiline.

PowerApps Modern Table

8. Save, Publish, and Preview the app. Copy some content or portion from the table (ctrl+c). [Make sure the table’s Allow range selection property should be Yes]

9. Click inside the text input box and paste the content (ctrl+v).

10. You will see all the table-selected content displayed in the text input control as in the image below.

Modern Table in Power Apps

This is how to use Power Apps modern table control.

Supported and Unsupported Features of Power Apps Modern Table

The table below represents all supported and unsupported features or capabilities of Power Apps modern table control:

Supported FeaturesUnsupported Features
The data in the table control is read-only.You cannot change the Table’s style or certain columns.
Only Microsoft Dataverse tables are supported for linking with the Modern table control.No other connectors can be linked to. Only it supports Dataverse table.
A specified set of fields are automatically displayed when you connect a Table control to a right connector, like Microsoft Dataverse. You can also display or hide other fields depending on what you need.
Without paging controls, the tabular format provides an updated data viewing experience with limitless scroll.
The modern data table control can switch tabular and list forms automatically. The Reflow property can be used to control this behavior manually.
The Table control lets you change the column width when your application runs. Your modifications aren’t saved on control while the application runs. Your modifications are not saved.

These are the Supported and Unsupported Power Apps Modern table control features.

See also  Power Apps Attachment Control - How to Use

Conclusion

This Power Apps tutorial explained the Modern Table Control in Power Apps, including its essential properties and how to use it with a simple example.

We also learned to make the Canvas app’s Power Apps Modern Controls available.

Also, you may like some more Power Apps Modern Control tutorials:

>