Hi,
thanks for your post, and sorry for the trouble.
The reason for this is a bug in the Horizontal Scrolling feature of the DataTables JS library. For some reason, it can not properly detect the width.
As you have turned off all other features anyways, please uncheck the “Use DataTables” checkbox on the table’s “Edit” screen and use the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ as a replacement for the horizontal scrolling.
Regards,
Tobias
Hi Tobias,
Thanks for advice – I disable extra DataTables JavaScript and tables are now like before. The problem is horizontal scrolling, “responsive=scroll” from Responsive Tables Extension doesn’t work on my blog.
Greetings,
Adrian
Hi Adrian,
are you sure that you added the Shortcode parameter? It doesn’t look like it at the moment.
Regards,
Tobias
I add a shortcode:
[table id=7 responsive=scroll /]
But scroll shows only on very small resolutions, You can check it now.
Hi,
yes, now it’s working and this is the intended behavior.
To make the scrolling appear earlier, you could prevent automatic line breaks for this table, by adding this “Custom CSS”:
.tablepress-id-7 th,
.tablepress-id-7 td {
white-space: nowrap;
}
Regards,
Tobias
It works perfect, thanks 🙂
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
