web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Lazy loading few colum...
Power Apps
Unanswered

Lazy loading few columns on a table

(0) ShareShare
ReportReport
Posted on by 8

Hello,

I am trying to display a  Details list(office  ui react) in which columns display data fetched from different apis. Since the control loading time is way higher i am checking for any options to lazy load the columns. That means i will start displaying the standard information of the table first and load columns when they get the data from apis? Is this approach possible? any examples/samples?

I have the same question (0)
  • ArjanM Profile Picture
    10 on at

    Hi,

     

    React works on state and data-binding. When data changes you change the state (using setState) in the React component. This will trigger a render with the new data.

     

    So using React you should be able to render the initial control (without any data in the state) and display some loading spinner. Then async load the data from your API and set the state on completion of the async.

     

    Of course the same principal can be achieved without using React, by rendering an empty control, and then async retrieve the data. On the complete event update the control.

     

    For React State and Lifecycle see: https://reactjs.org/docs/state-and-lifecycle.html

     

  • Hemant Gaur Profile Picture
    Microsoft Employee on at

    I am looking into getting a demo sample for this. In general PCF would support it similar to how the react control  would. Check out this example here for great grid lazy load and caching demo. UCI lists on phone also lazy loads on scroll when rendered in full page. For example you can use the CDS pagination for fetching the 50 records from server and in the controls they can be rendered 10 at a time. Other data souces can be used in the similar manner if pagination APIs are supported, else filterting can be used to get data in chunks.

     

    https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/lazy-loading/

     

     

    hemant

     

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 545 Most Valuable Professional

#2
Haque Profile Picture

Haque 314

#3
Kalathiya Profile Picture

Kalathiya 234 Super User 2026 Season 1

Last 30 days Overall leaderboard