WP-Tables Reloaded Arrows Overlap – How I Fixed It (Simple)
I ran into a weird issue where the sorting arrows in the table headers for the WP-Tables Reloaded tables overlapped the text in the table header cells. This was pretty annoying, but it only seemed to happen when I had a lot of columns and the table didn’t have room to spread itself out.
What did I do to fix it? I didn’t modify CSS or anything like that. I found a couple fixes online that suggested using custom CSS or other stuff to modify the table headers.
Instead I just went the simple (maybe a bit sloppy, but who cares) route.
I just added four non-breaking spaces after each line of text in the header cells. Like this:
That fixed the problem easily. Here’s what the table headers looked like after saving this table with the updated changes:
This worked well for me, and saved me from toying with the CSS. It was a terribly quick fix.
Related posts: