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

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Displaying Dataverse T...
Power Pages
Unanswered

Displaying Dataverse Table as Accordion in Power Pages

(0) ShareShare
ReportReport
Posted on by 49

Hello everyone,

I currently have a table in Dataverse and I'm looking to display it as an accordion within Power Pages. I understand that there are multiple ways to achieve this using JS, making API calls to Dataverse, etc.

Can anyone recommend the most effective and efficient method to display a table in this accordion format on Power Pages?

Additionally, I'd like to know how to access the table liquid template directly in JavaScript. Instead of embedding the table in an HTML element with a display: none style and then using JS/jQuery to manipulate it, is there a more direct method to manipulate the liquid template with JS?

Any insights or suggestions would be highly appreciated. Thank you!

Categories:
I have the same question (0)
  • Fubar Profile Picture
    8,321 Super User 2025 Season 2 on at
    Re: Displaying Dataverse Table as Accordion in Power Pages

    Efficient - depends on exactly what you need to do.

    If you knew it would only ever be a limited number of records, then probably a Liquid fetchxml call in the Web Template/Page Content, then populate JSON or JavaScript object to use in your acordian. 

    If the number records could be large 5,000+ then you would also need to architect it to make next calls.

    If the expanded content was coming from another table, then you may do an initial population via Liquid fetchxml, and the populate the expanded content on click via the web api.

     

    In such cases, try to do the initial fetchxml call in Liquid - if the initial call is via the Web API (or an Ajax workaround) your user will most likely notice lag as the JavaScript wont run until after the page is presented to the user, then it has to do a round trip to the portals cache/dataverse to get the data for you to then manipulate, (vs data is there when the page renders in the browser, then manipulate)

     

    Liquid runs server-side (the output of which gets sent to the browser for it to render)

    JavaScript runs client-side (after the browser has started rendering) -

     

    JavaScript cannot directly invoke Liquid, but Liquid can create JavaScript snippets and variables.  JavaScript can make a Web API call, or can get some Liquid output indirectly via an Ajax call to another Web Page that has Liquid behind it (but usually this is not often needed these days due to the Web API).

  • eugenevanstaden Profile Picture
    441 on at
    Re: Displaying Dataverse Table as Accordion in Power Pages

    <Your Accordion HTML wraps the entity_list>
    {% include 'entity_list', key: 'Name of the List' %}
    <end of your accordion HTML>





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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Pages

#1
Jerry-IN Profile Picture

Jerry-IN 66

#2
Fubar Profile Picture

Fubar 45 Super User 2025 Season 2

#3
Michael E. Gernaey Profile Picture

Michael E. Gernaey 31 Super User 2025 Season 2

Last 30 days Overall leaderboard