Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Community App Samples
    • Editable Grid Power Apps

    Editable Grid Power Apps

    09-22-2021 08:34 AM

    RezaDorrani
    Community Champion
    10274 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    RezaDorrani
    RezaDorrani Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Editable Grid Power Apps

    ‎09-22-2021 08:34 AM

    In this video on Power Apps Editable Excel like Gallery or Table (Tutorial), we will go through a step-by-step tutorial of creating an Editable Grid experience with SharePoint List as a data source. This is like the Quick Edit Mode in SharePoint lists/libraries or the Grid view in Dataverse for Teams or InfoPath repeating tables.

     

    We will use Power Apps Galleries to create the editable grid, perform CRUD operations, copy item, filter grid or gallery, horizontal scroll + vertical scroll, responsive grid design, freeze pane effect, grid validations & more keeping performance in mind.
    All updates in grid will be Patched to the data source with a single Patch function.

     

    FULL SETUP STEPS:-  PowerApps/EditableGrid at master · rdorrani/PowerApps (github.com)

     

    Video covers the following:
    ✅ Style gallery to look like an editable grid
    ✅ Add a new row or record to the grid
    ✅ Record grid updates in a collection and patch all the changes with a single query (performance boost)
    ✅ Delete a row or record in the grid
    ✅ Grid validations
    ✅ Put grid in view mode or edit mode
    ✅ Filter Grid / Gallery data
    ✅ Horizontal Scroll
    ✅ Freeze Pane
    ✅ Undo grid updates

     

    Power Apps: Horizontal scroll in a vertical gallery with “freeze panes” effect
    https://michalsacewicz.com/power-apps-horizontal-scroll-in-a-vertical-gallery-with-freeze-panes-effe... 

     

    PowerApps Gallery Multiple filters
    https://youtu.be/5dSk5iOgT68 

     

    Power Apps Delegation
    https://youtube.com/playlist?list=PLTyFh-qDKAiE6ia-D94Qk5-AzpN4dqOmD

     

    Power Apps Data Validations
    https://youtu.be/XvevCq6qhX4 


    #PowerApps #SharePoint #EditableGrid



    Thanks,
    Reza Dorrani, MVP
    YouTube
    Twitter

    watch?v=wI6SHGQ9ATg

    PowerAppsGridwithBulkCapabilities_20210921184658.zip
    Labels:
    • Labels:
    • Data connections and mashups
    • Formulas and Controls
    • Galleries and Forms
    Message 1 of 6
    10,274 Views
    19 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎03-31-2022 11:14 AM

    I watched your video and built every thing I needed but I'm at the very end and can't get my filters to apply to my gallery view. Please help I need to wrap this project up today. 

     

    anicholls_0-1648750427958.png

     

    • editable grids
    • filtering gallaries
    Message 2 of 6
    6,229 Views
    0 Kudos
    Reply
    R3dKap
    R3dKap Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎04-01-2022 12:11 AM

    @Anonymous can you please paste a capture of your gallery's Items property formula?

    Message 3 of 6
    6,203 Views
    0 Kudos
    Reply
    ClaireAllen
    ClaireAllen Post Prodigy
    Post Prodigy
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎04-19-2022 06:46 AM

    Hello @RezaDorrani 
    Thank you so much for showing how to build this Editable Grid in Power Apps.
    I have followed the video and have a query when I add a new item, I start filling in the fields (Can't seem to get the tab key to work), when I get to the Date & Time of arrival a new line appears, as per the screen shot, it copies my data but adds a new line.

    ClaireAllen_1-1650375862713.png

     

    Would you able to point me in the direction to prevent this from happening?
    Thank you in advance

    Claire

    Message 4 of 6
    5,814 Views
    0 Kudos
    Reply
    AnumZehra92
    AnumZehra92
    New Member
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎08-04-2022 09:17 AM

    Hello,

    I have developed same editable grid but tab keys are not supported in it. I mean when user press tab inside gallery, the header of gallery remains static

    Message 5 of 6
    3,933 Views
    0 Kudos
    Reply
    saralschmidt
    saralschmidt
    Frequent Visitor
    In response to AnumZehra92
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎11-02-2022 08:07 PM

    Did you find a fix for the tab issues?  

    Message 6 of 6
    2,153 Views
    0 Kudos
    Reply

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    California Consumer Privacy Act (CCPA) Opt-Out Icon Your California Privacy Choices