Problem/motivation
Currently there is a overflow/scrollbar for the entire page, if the page is viewed on a mobile device and the page contains a table. Even with the responsive tables feature.
A CSS-only approach will not work. When scrolling horizontally, sticky headers will not move with the rest of the table. This happens:
Proposal
Instead of hiding columns, display all columns and introduce a mobile-friendly horizontal scroll on large tables.
Currently discussing if we should let claro override the responsive table feature with this new behavior, or introduce a dedicated #scrollable
property to all tables to trigger this behavior when necessary. So one could have a responsive table that scrolls if too large.