column width conflict

Hi,

thanks for your question, and sorry for the trouble.

The reason for this is that with the Horizontal Scrolling, the browser still tries to make columns as narrow as possible.

The best fix should be to explicitly disallow automatic line breaks for this table, by adding some CSS. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-24 th,
.tablepress-id-24 td {
  white-space: nowrap;
}

Regards,
Tobias

Hi,

you could take a look at the TablePress Extensions https://tablepress.org/extensions/datatables-fixedcolumns/ and https://tablepress.org/extensions/datatables-fixedheader/ for this, but unfortunately, you can’t use both at the same time, as the underlying JavaScript libraries are not compatible, from what I know. Sorry.

Regards,
Tobias

Hi John,

you shouldn’t need a different theme here. Please make sure that you have activated the Extension and that you modified the Shortcode (I suggest checking that in the “Text” (and not the “Visual”) editor of WordPress, to be sure that no extra HTML slips in through copy/paste.)
You might also have to turn off the “Horizontal Scrolling” checkbox on the table’s “Edit” screen as that would interfere with the scrolling that the Extension adds.

Regards,
Tobias

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!