Horizontal scrolling in Chrome

Hi,

thanks for your question, and sorry for the trouble.

I don’t really see why this is not working. Could you try turning off the “Use DataTables” checkbox on the table’s “Edit” screen and instead use the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ ?

Regards,
Tobias

Hi there,

first of all thank you for the plug-in!

I’m having the same issue: on mac, chrome on small screen the table is just “cutted off” and there’s no scroll bar, on every other system browser i see it.

We actually tried the extension mentioned above but the problem still remain

Thanks in advance for any help

Hi halastor,

I fixed my issue by breaking the content of the cells into more rows. This made my tables be more “fluid” in different browsers. I still don’t think that horizontal scroll bar is visible on Macs but at least the table doesn’t get cut off. I don’t like it, but it’s a compromise I had to make.

This is the code I put in the Plugin Options – Custom CSS:
.tablepress tbody td {
padding: 6px 10px;
vertical-align: middle;
white-space: nowrap;
}

Good luck! Hope you find a solution!

Hi,

halastor:
Indeed, not all browsers show the scroll bar at all times. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

@Abdfiryn i see thanks for the reply!

@tobiasbg

Sure thing thank you! Here

Hi,

thanks for the link! I can reproduce the problem on Chrome on Mac, but to be honest, I have no idea why this happens. My assumption is that the theme CSS is somehow turning off the scroll functionality on the site, but I don’t see how.

Regards,
Tobias

@tobiasbg

Thank you for the answer!

I don’t think it’s the case since it does the same with Seventeen ??

Hi,

any other plugin then, maybe?

Regards,
Tobias