Hi everyone,
I'm working in APEX 5.1 with Editable Interactive Grids and I keep encountering a problem that may be CSS-related: every time I create an Editable Interactive Grid, the last column (from left to right) goes outside the grid's region, creating a very ugly effect, as you can see in this screenshot:
If I manually resize the width of one or more columns, I'm able to "force" the table to stay inside its region, but the colored columns name row bar is still rendered outside the region border, as you can see here:
If I alter the page's zoom the table is rendered perfecty and it doesn't overflow its bounds (see next image), but after a page refresh the problem reappears, and saving the grid configuration in the primary report doesn't help.
I created a simple app in my Apex workspace to reproduce the problem, here's the link (no login required): https://apex.oracle.com/pls/apex/f?p=85753:1:8782473367832:::::
Just scroll the horizontal bar to the right and you'll see the overflow effect.
This problem appears even in tables with just 2-3 columns.
This problem happened on Firefox 52.0.1, Chrome 56.0.x, Edge 38.14393.0.0.
The interesting fact is that on Microsoft Explorer 11 the problem doesn't happen, and the table is perfectly rendered.
Thanks in advance for your help,
Filippo