Features / Usability

Features / Usability

Plugin Fancy Table Heading Appearance

posts: 753 United States

tikiwiki 18.3

Hello good folks.
I am using Fancy Tables Plugin and I am having a hard time trying to make the header area match the width of the table container.
I have removed all theme customization's to see if that would help, but it did not. My goal is to get the heading to match the width of the table container.

Please see attached image.
Thanks for any help folks.

posts: 753 United States
I just noticed something with the table sort header, when you scroll down the header stays fixed like it's supposed too, but when it hits the top of the browser, it expands to full width.

posts: 37

Tried to fix it for you, but wasn't able.
Is there someone with more CSS experience than I have?

posts: 753 United States

Very nice of you Weibe, thanks!
Were you trying on your own tiki instance, in other words are you seeing the same thing I am with your tiki?

posts: 2428 Czech Republic
The problem is it needs to get fixed width and that is not fixable by CSS only. You need to get the width from the table-responsive container and apply it to the tablesorter headers wrapper, which becomes position: fixed (and that is why it expands). Another peace of JS would be needed when you have very wide table going behind the edge and when you scroll it horizontally, the tablesorter column headers need to scroll simultaneously. Not a trivial fix IMHO.
posts: 2428 Czech Republic

But you can try this CSS force trick for your site:

.ts-stickyHeader {

    min-width: auto !important;
    max-width: 100% !important;
    width: auto !important;

posts: 2428 Czech Republic
I think you have something odd in the table anyway. The table row with "Washington Western Hemlock 1947" is seemingly wider. Maybe you have an extra pipe "|" character in your wiki page syntax for the table which adds an extra cell on that line?

posts: 753 United States
Luci, I'm an idiot, that's what it was, the extra pipe, sorry Wiebe and Luci for wasting your time! See it now, works beautifully after removing the extra pipe.
posts: 37

Upcoming Events

No records to display