Power Platform Dev Blog

Low code, but also pro code. sometimes. Always automated though

Power Pages Lists and responsive view on Mobile

Here’s a quick one just to get me to add a post to the blog.

I ran into this issue recently, still not sure if this is just me, if I’m missing some sort of update (weird since I’m on the latest version of the portal), if something was removed on newer version or something else.

When moving to mobile view the Power Pages Lists are not adapting and turning into the mobile version. This has been happening for sometime now and I can’t find the reason for it, can’t find any documentation regarding this.

After some searching around and looking into other portals where this is working it seems that the generated table is missing the table-fluid class.

If you’re in the same place as me and need to fix the issue and exhausted your options here’s a quick JavaScript fix that you can use:

//Fix for the portal not using the table fluid class on grids
$('.entitylist').on("loaded", function () {
  $("div.table-responsive").each(function () { $(this).find('table').addClass('table-fluid') });
});

Works for both lists and subgrid lists on Forms. If I find out the issue to this I’ll probably just update this post.