Minify issue with W3 Total Cache

Hi,

thanks for your post, and sorry for the trouble.

First, there’s a small type in the CSS code for this table, that could be influencing this:

.tablepress-id-12 .column-1,
.tablepress-id-12 .column-2,
 {
	width: 100px !important;
}

should be

.tablepress-id-12 .column-1,
.tablepress-id-12 .column-2 {
	width: 100px !important;
}

Can you please change that?

If that does not help, I’m out of ideas here. My assumption is that the minification in W3 Total Cache modifies the order of the CSS files, so that the “Custom CSS” is overridden again. Or it might still be loading an old version, although that seems unlikely…

Regards,
Tobias

Hi,

ok, I looked at this again, and it might actually be a problem with the minification of the JavaScript on the page.
When I take a look at the error log console in Chrome, I can see that there are some JS functions “missing”, when they are called. This is probably caused by some change of file order during the minification.
Now, this again leads to all remaining JS on the page not being executed, including the DataTables JS library that TablePress uses. (You were using that on this table, but with all but the “Info” checkboxes turned off.)

So, one idea (that will not fix the actual JS minification problem, which is unrelated to TablePress), would be to not use DataTables on this table. So, please uncheck the “Use DataTables” checkbox for this table. Then, replace

#tablepress-12_wrapper {
	width: 200px !important;
	margin: 0 auto 1em !important;
}

with

.tablepress-id-12 {
	width: 200px !important;
	margin: 0 auto 1em !important;
}

(You’ll probably have to do that manual cache clearing again.)

Regards,
Tobias

Hi,

great to hear that 🙂
So, for CSS changes, this should always work. You might have some issues on tables that use the DataTables JS features with the minification enabled, but that’s out of TablePress’s control, as mentioned above.

Best wishes,
Tobias