Tables not rendering correctly on tablets/mobile devices

PHPMaker General Discussion (PHPMaker)
1

Just noticed a strange issue.

On forms where there are too many columns to display in the devices area the table expands to the devices display but the columns keep extending out to the right side.
This happens constantly on tablets in portrait or landscape mode.

But on a mobile device in portrait mode the columns display correctly inside the tanle boundaries and you can scroll thru them left to right.
But when you flip the phone into landscape mode, the columns then extend outside of the table boundaries.

I checked on 3 different projects and they are all behaving the same.

something like this
]-------------------‐-----------------
| |
| c c c c c c c c c c c c c c c c c c c c c c
| |
| |

2

Did you use FixedHeaderTable extension (assume v2020)?

3

I set the table width to 100%, height: 0 and it appears to be working now.

don’t understand, why I had to change this all of a sudden.

how is yours set?

4

I also always setup to 100% of width, and this will make the table width to be adjusted to the maximum screen width.

5

Excellent, looks good now…

6

Actually did notice the qic search pane goes past the window boundaries when srex2 fields per row.
Also with the ckeditor object… exceeds the display size and dosen’t render to the screen width.

7

sticcino wrote:

I set the table width to 100%, height: 0 and it appears to be working now.> don’t understand, why I had to change this all of a sudden.> how is yours set?
Where and how did you set this?

8

Still has issues on tablets
Look in the extensions FixedHeaderTable extension