Shrink Mobile Friendly Table Like Demo?

[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!

[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:

[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!

[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.

[ConcordKen]

Thanks! This is great! Now that I know about layout grids I will use this in other pages!