Features / Usability

Features / Usability

Plugin Fancy Table Heading Appearance

posts: 666

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: 666
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: 31

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

posts: 666

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: 2199
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: 2199

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: 2199
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: 666
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: 31

Why Register?

Register at tiki.org and you'll be able to use the account at any *.tiki.org site, thanks to the InterTiki feature. A valid email address is required to receive site notifications and occasional newsletters. You can opt out of these items at any time.