Horizontal table shrink even enable horizontal scroll or using responsive add-on

Hi,

thanks for your post, and sorry for the trouble.

Please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress {
	word-wrap: normal;
	word-break: normal;
}

Regards,
Tobias

Hi,

I have tried adding that and clear cache but no changes.

When I tried using inspect element in Chrome, for word-break have changed but still for word-wrap no changes.

Hi,

please add this to the “Custom CSS” textarea as mentioned above. Just adding it “live” in the Developer Tools doesn’t really help, as the DataTables JS library doesn’t recalculate the columns widths then.

Regards,
Tobias

Hi,

Sorry for the inconvenience.

Actually, I have tried adding that to the “Custom CSS”, and I have purge cache for just in case.

Then, after no changes, I adding that it “live” in the developer to see the outcome.

The picture below I take 10 minutes ago :

https://www.dropbox.com/s/tr7twievu8lwdnw/Horizontal%20Scrolling.JPG?dl=0

Hi,

I don’t see this CSS in the page, maybe due to the minification. Can you turn that off temporarily, to see if everything works then?

Regards,
Tobias

Hi,

I tried to turn off minification temporarily but its break the blog. So, can I know where the custom CSS will be added? Then I will try to exclude that file.

For now, I just found 1 file :

//wp-content/plugins/tablepress/css/default.min.css

Hi,

if your site breaks with minification disabled, there’s something wrong with your scripts.

The file you mention is the default CSS file. If you add CSS to the “Custom CSS” field, the used file should be
//wp-content/tablepress-combined.min.css

Regards,
Tobias

Hi,

I have include CSS file in minify. But no changes.

I tried deactivating the W3 Total Cache. Even the auto minify in Cloudflare has been disabled. After disabled both plugin and Cloudflare, I purge the page. But still no changes.

I don’t know why. What confuses me, custom CSS for color no problem but not the word wrap or word break.

Now, I almost give up.

• This reply was modified 7 years ago by Naziman Azlye.

Hi,

when I now view the page, minification is turned on AND the word-wrap and word-break CSS properties are applied, so everything seems to be working ??

Regards,
Tobias

Hi,

I have check it again. Yes, now the table have responsive scroll.

Really thanks Tobias. You have good and fast support. I will write a review later.

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias