Responsive flip no longer working

Hi,

thanks for your question, and sorry for the trouble.

I can really only assume that some other plugin or your theme are interfering here.
Normal TablePress “Custom CSS” also seems to be loaded in a different way on your site, and your theme seems to be loading CSS from a _tablepress.scss file.
Please try again with other plugins deactivated and with a default theme.

Regards,
Tobias

As I said above, I switched to TwentySeventeen and disabled all plugins except TablePress and the two extensions and had the same result.

• This reply was modified 4 years, 3 months ago by Dane Morgan. Reason: clarification

_tablepress.scc is just basic styling of cells.

/**
 * _tablepress.scss
 */

@import "../../modules/colors";

.entry {
	.tablepress {
		font-size: 12px;
		tfoot a,
		thead a {
			color: $white;
			&:hover {
				color: $alto;
			}
		}
		th {
			text-align: center;
			font-weight: 600;
			text-shadow: none;
			padding: 4px 7px;
		}
		img {
			border-width: 0;
			&.border {
				border-width: 1px;
			}
		}
		&.th-large {
			th {
				font-size: 18px;
			}
		}
		&.td-large {
			td {
				font-size: 18px;
			}
		}
	}
}

.tablepress-responsive-tablet tbody td {
	white-space: normal;
}

Hi,

could you somehow make that test site with the deactivated plugins and TwentySeventeen available so that I can check that out?

Also, is the flip mode table on https://tablepress.org/extensions/responsive-tables/ (second table from the top) correctly flipped for you?

I simply can’t reproduce this issue on my test sites and haven’t heard other reports about this, so that I really can only assume that it must be something specific to your site that’s turning off the loading of the CSS file. My guess is that it’s that conversion of loading the TablePress default CSS file to inline loading – which is done by another plugin or your theme.

Regards,
Tobias

I’m waiting for DNS to propagate now.

Also, Yes the demo table is correctly flipped.

Hi,

ok, that’s a good sign as it rules out browser issues.
Please let me know once the DNS changes have been applied and where I can look at this. Thanks!

Regards,
Tobias

Hi Tobias,

Once the DNS resolved I noticed a couple of odd things happening with caches not clearing. I started trying to figure that out and I ended up tracing this issue back to WP Rocket’s HTML minification. If I turn that off in WP Rocket, the responsive tables work as expected, but if I turn it on, they fail to flip.

I’m at a complete loss for why the HTML minification would prevent the flip stylesheet from being loaded, but I have a solution and I don’t think minifying the HTML buys enough performance to trade for responsive tables, so I’m just disabling it on all of our brands.

Thanks for the awesome plugin and for the value you add to this community in general!

Hi,

that sounds strange, indeed. I also have no clue why HTML minification would lead to that. But good to hear that you were able to find a workable solution!

Best wishes,
Tobias