Skip to main content

Notifications

Announcements

No record found.

Community site session details

Community site session details

Session Id :
Microsoft Dynamics 365 | Integration, Dataverse...
Suggested answer

PowerApps Component Framework control with React JS Custom Grid

(0) ShareShare
ReportReport
Posted on by 135

Hello,

I have the requirement to show the contacts and leads records on single grid based on some search criteria using PCF React JS or webresource.

It would be really helpful if you provide any PCF with Custom Grid control or webresource control examples.

Thanks

Srikanth

  • Suggested answer
    Community Member Profile Picture
    Community Member Microsoft Employee on at
    RE: PowerApps Component Framework control with React JS Custom Grid

    Hi Srikanth,

    What you want is to show contacts and leads in the same grid, right?

    If so, contact entity and lead is 1:N relationship, you can use Nested grid view of OOB ‘Editable grid’ control to achieve it.

    1.Sub-grid in third entity(example:Account).

    Navigate to Settings > Customizations > Customize the System > Entities > Account > Forms to open one form.

    Double-click contact sub-grid to open dialog, and then add control.

    pastedimage1616569065637v2.png

    Test Result:

    pastedimage1616569746881v4.png

    2.Main grid.

    Navigate to Settings > Customizations > Customize the System > Entities > Contact.

    Move to 'Control' tab to add 'Editable Grid' and fill information as following screenshot shown.

    pastedimage1616568152489v1.png

    Test Result:

    pastedimage1616569631093v3.png

    Regards,

    Leah Ju

    Please mark as verified if the answer is helpful. Welcome to join hot discussions in Dynamics 365 Forums.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Vahid Ghafarpour – Community Spotlight

We are excited to recognize Vahid Ghafarpour as our February 2025 Community…

Tip: Become a User Group leader!

Join the ranks of valued community UG leaders

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 292,468 Super User 2025 Season 1

#2
Martin Dráb Profile Picture

Martin Dráb 231,289 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Product updates

Dynamics 365 release plans