Long table with horizontal scroll - last column problem

Hi,
I am facing problem with tables with horizontal scroll.
My problem is in last column. In case when I have values in the last column that are shorter than column title then the whole title is not visible on page load.
I can resize column width and then I can see the whole title, but I want to see the whole title without the need of resizing column.

I reproduce the same problem in your demo project Pet Clinic.

  1. First I open Pet Clinic project in browser tab with small width so I can see horizontal scroll in screen Pets.
  2. In pets table I remove all 5 rows where owner is Ash Ketchum
  3. Open screen Owners and than open again screen Pets
  4. Now scroll to last column Owner - you can see that column title is not full (see attached picture)

Can you give me advice how to fix this problem?

table-column-problem

Hi,

This is happening because of columnControlVisible element as it needs a room to be shown:

Screenshot 2022-11-24 at 18.37.38

Unfortunately, if this control is disabled, i.e. columnControlVisible="false", the room for its displaying is still preserved. I’ve created a GitHub issue.

Regards,
Gleb