Test in Windows 10 on Edge + FF + Chrome, works perfectly.
Tested on iPhone 5 latest iOS, works perfectly.
Tested on 2 Macbooks with OS X Yosemite, problem occurs on Safari + Chrome
Hi,
thanks for your question, and sorry for the trouble.
I just checked this in Chrome and Safarit on a Mac, but couldn’t reproduce it. Does it still happen for you?
Regards,
Tobias
Hey Tobias, thanks for replying. And no worries for not replying in the weekend 🙂
I just figured out it only happens when Horizontal Scrolling is activated for the table.
I was just testing that, so that’s probably why it seemed to work. The problem is on mobile phones, portrait orientation, I need horizontal scrolling.
Some friends have told me it has to do with
<div class=”dataTables_scrollBody” style=”position: relative; overflow: auto; width: 100%;”>
I can imagine overflow-x: visible added in the custom CSS, but I don’t know how.
Hi,
yes, this could indeed be caused by the “Horizontal Scrolling” option. Most likely, the DataTables JS lirbary has problems with properly calculating the height.
One idea might therefore be to just use a different kind of horizontal scrolling: https://wordpress.org/support/topic/responsive-tables-scroll-only?replies=6#post-5511954
Regards,
Tobias
Great, I read your suggestion…
<div class="tablepress-scroll-wrapper">
[table id=123 /]
</div>
and then “Custom CSS” like
.tablepress-scroll-wrapper {
overflow-x: auto;
overflow-y: hidden;
}
that worked!
Thank you
Hi,
great! That’s good to head. Thanks for the confirmation!
Best wishes,
Tobias
