power apps grid

If you are designing your forms in the Model-Driven Apps designer from the Power Apps Maker i.e. https://make.powerapps.com/, here’s how you can add the New Power Apps Grid (which is in Preview at the time of writing this post)

Scenario

For example, you are in Model Driven Apps designer and you are see the existing Grids, they have only 2 areas in Properties –

Select the Grid and you’ll only see 2 areas –
And if you expand them, you won’t find a way to change the control to, for example, Editable Grid.
That’s where the new Power Apps Grid Control comes hand. This is currently in Preview at the time of writing this post.

New Power Apps Grid Control [Preview]

Now, click on the Components section to reveal all the Components that you could add to the Model-Driven Apps form –

You’ll see the More Components section under which you’ll find the new Power Apps Grid Control.
Now, once you drag is on the form where you want it to be, you’ll be asked to select the records it should hold. It’ll ask you to select the Table which you want to display in the sub-grid.
Once you click on Done, make sure the Show Related Records is selected as well and ensure the Table and View selected is correct.
Now, look for Components section and expand the same. Expanding the Components, you’ll be able to select the Editable Grid.
Expand the Components section and you’ll find another button to add more components that are made available.
Now, you’ll be able to select the Editable Grid here.
Now that you have added Editable Grid, click Done.
And once you add, you’ll notice that the Mobile, Web etc will be shown under the new grid. Means this is now set as default and not the other 2 views.
Finally, you can save your changes and publish.
And that’s how you are able to add Editable Grid on the modern Power Apps Model Apps designer using the new Power Apps Grid Component.
And here’s how you’ll be able to add an Editable Grid on the Form using new Power Apps maker.