Horizontal Scroll on Mobile

Hi,

thanks for your post, and sorry for the trouble.

Unfortunately, you will not be able to use this particular “Horizontal Scrolling” feature with this table. The feature uses JavaScript code, which requires that there are no merged/combined cells in the table. This table does however have four combined cells in the first column.

If you want to use this Horizontal Scrolling, you would have to un-merge these cells.

Alternatively, if that’s an option for your organization, there’s a TablePress Pro version (see https://tablepress.org/premium/ ) which also contains another implementation of Horizontal Scrolling (one without JavaScript, which thus does not have this limitation, see https://tablepress.org/modules/responsive-tables/ ). For more on that, please get in touch by email (the address is on https://tablepress.org/impressum/ ).

Regards,
Tobias

Hi Tobias, I have the same problem.
I have two tables. Table 9 with a lot of columns works. Table 29 has only two columns but will not scroll horizontally on the iPhone, whatever I do with the CSS, in none of the browsers. Help with your great plug-in is highly appreciated. regards Marcel.
https://www.studiodagny.nl/koorweek-a/

Hi,

essentially, table 29 is not scrolling horizontally because it doesn’t have to. The browser can shrink its width sufficiently, so that the table doesn’t overflow.

If you want to force that, you could increase the minimum column width, e.g. by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-29 .column-1 {
  min-width: 250px;
}

Regards,
Tobias

The min-width was unknown to me.
Problem solved, now I can fine-tune the column width, thanks !!

.tablepress-id-29 .column-1 {
min-width: 450px;
}

.tablepress-id-29 .column-2 {
min-width: 230px;
}

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!