New Table Container Horizontal Scrolling Issue

I’m using the new table container element. I’m having an issue with horizontal scrolling when the table is too wide for the page.

The repeating row doesn’t have a problem with showing values when I scroll to the right to view all information. However, the header row does have a problem with displaying information - see below how it cuts off the black header at description.

What’s interesting is when I extend the width of my page to hiding a floating menu on the left side of my page. The header row reveals more of itself but still not everything.

It will display all rows within the header row if I set the table to a fixed width - but then it would extend my entire page to the right - doesn’t look good.

Any advice or is this a bug with the new table element? I don’t have this problem building traditional tables using repeating groups.

This topic was automatically closed after 70 days. New replies are no longer allowed.