Table head z-index

Hi,

thanks for your post, and sorry for the trouble.

Well, that’s really interesting. Your guess with the z-index is probably correct, but I can’t find a CSS selector where this works ??
And I could not find anything in the CSS for the table or the theme that could be causing this :-/
Can you maybe ask the theme developers for help here? Maybe they are aware of something to fix this…

Regards,
Tobias

I have table sorting enabled – when I disable it, there is no problem. So what classes are added when you enable sorting?

Hi,

nice find! It seems to be related to the

postion: relative;

CSS property that is added to the <th> element via the .sorting CSS class. That is necessary for the alingment of the sorting arrows.
I have no clue why it changes the level of the element however :-/

Regards,
Tobias

Yeah when I disable the position:relative style, it works ok. The table is still sortable too – the only problem is the arrows disappear. Could these be added without a position relative?

Hi,

thanks for the confirmation.
Unfortunately, I can’t think of a way to show the sorting arrows without that position: relative; style ?? It’s necessary so that the position: absolute; on the actual arrows works…

Regards,
Tobias

Fixed it by simply floating the sorting arrow right and removing the positioning element.

Hi,

nice! Very cool solution, I will have to remember that! Note that instead of making those changes directly in the default.css/default.min.css, it’s better to put the code into the “Custom CSS” textarea on the “Plugin Options” screen of TablePress. That way, your modifications will still be there after an update of the plugin.

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!