Header row text shows through menu

Hi,

thanks for your post, and sorry for the trouble.

This sounds strange, and I don’t really see a reason for this, except maybe if you are using the “Horizontal Scrolling” feature. That adds a second “layer” to the table, which could be positioned higher than your menu.
Can you therefore please check if the “Horizontal Scrolling” checkbox is checked?

Regards,
Tobias

Thanks for hte reply. No the Horizontal scrolling is not turned on. What is on is “enable the visitor to filter or search” and “enable sorting of the table by the visitor”

Hi,

ok, thanks for checking. And you are not using any TablePress Extensions either?

Unfortunately, I don’t really see what else could be causing this then. ?? Also, I have never heard of something like this before, so it must be some weird edge case or other cause.

I’d need to take a look at this directly, to be able to debug this. If this is really only accessible from your company’s intranet, can you maybe set up a public test page somewhere that shows the problem? Another option could be to use the Developer Tools in your browser (I recommend those from Google Chrome) to maybe find out which HTML element is causing this.

Regards,
Tobias

Hi again. I am using the TablePress Extension: Data Tables FixedHeader – I disabled it but that didn’t solve the issue. I am also using TablePress Extension: Larger Edit Input Fields and TablePress Extension: Table Row Order – disabling it didn’t help either. Also, I am using the Coraline theme. I’m going to try playing with the menu colors and see if that makes a difference.

Hi,

the FixedHeader Extension would actually totally explain that! It (similar to the Horizontal Scrolling) adds a second layer with the table head row to the page, and that can likely be positioned above the menu, due to a higher value in its z-index CSS property.
Are you sure that turning that off doesn’t fix the problem? Did you maybe still see a cached page after turning it off?

Regardless, a possible fix for the issue should be to increase the z-index value of the menu to a very high number. For that, you’d have to find the HTML ID or class for the menu element and then add some CSS like

#the-menus-id {
  z-index: 1000000;
}

to the theme (or the “Custom CSS” in TablePress).

Regards,
Tobias

Well, I removed the FixedHeader Extension plugin and it is still happening. However, if I rename jquery.datables.min.js so that it doesn’t “load”, the text doesn’t show through. Of course, then I can’t sort the table either.

I will look for the z-index and change it.

Hi,

ok, then there must be something else adding a second layer or something.
But that’s all just guessing. Without actually seeing the page, I’m out of ideas here, sorry ??

Regards,
Tobias

I just updated to your latest version of TablePress and now not only does the text show through, but the color of the row does too. Wish I could post a picture.

I’m still trying to find where to set the z-index.

Hi,

yes, a picture would be great. Can you maybe send me a screenshot via email? The address is in the main plugin file tablepress.php.

Regards,
Tobias

Hi,

thanks for the screenshot! The only real explanation that I have for this is that something is creating a second layer for the header. The TablePress FixedHeader Extension would be a good candidate for this. To rule out that another plugin maybe adds a similar feature, can you please try again after temporarily deactivating all plugins except TablePress? Make sure to also clear all caches (if you are using a caching plugin, or something like CloudFlare).

If that doesn’t help, I would have to take a look at this directly on the site somehow…

Regards,
Tobias

Hi,

In looking around, I found that it isn’t a problem in Firefox – only in IE. Does that suggest anything?

Thanks.

Hi,

hhm, no, doesn’t ring a bell, sorry ??
There are certain things where IE behaves really weird, but I’ve not heard of this one before ??

Regards,
Tobias