Page 1 of 1

Shrink Mobile Friendly Table Like Demo?

Posted: Mon Nov 10, 2025 6:07 pm
by ConcordKen
Hi,

I have a pretty simple page that has a Mobile Friendly Table on a form and I am trying to emulate the behavior of the Mobile Friendly Table demo, as linked to via the extension's help pages. It all works great both in desktop and mobile screen sizes. In the demo, you can slowly shrink the size of the browser page and the table slowly decreases in size as the table controls shift to the left or right, still visible on the table. Are there specific table properties that control this behavior? When I set a breakpoint, the table size jumps at the breakpoint. I tried the default breakpoint setting in the table appearance settings and also setting it to zero. So... How did you get it to shrink so neatly in the demo version?

Also, I've been using Claude AI to add double click row selection. Any thoughts on adding this functionality to the table?

Thanks!

Re: Shrink Mobile Friendly Table Like Demo?

Posted: Mon Nov 10, 2025 8:42 pm
by Pablo
To be able to help you, I need a demo project so I can see all your settings.
For example, there may be other object on the page that prevents it from working.

See also the forum rules:
Image

Re: Shrink Mobile Friendly Table Like Demo?

Posted: Wed Nov 12, 2025 3:20 pm
by ConcordKen
Thanks, here you are:

Link to see what I see: www.brisapp.com

Link to download project;
https://www.dropbox.com/scl/fo/b72adipf ... ycz9v&dl=0

Thanks!

Re: Shrink Mobile Friendly Table Like Demo?

Posted: Wed Nov 12, 2025 5:47 pm
by Pablo
You are using fixed/absolute page layout, while the demo is using flexible layout.
So, to get the same behavior you will have to use layout grids.

Re: Shrink Mobile Friendly Table Like Demo?

Posted: Thu Nov 13, 2025 12:12 am
by ConcordKen
Thanks! This is great! Now that I know about layout grids I will use this in other pages! :D