Fixed header with wrong width of the columns

  • Resolved klaus2

    (@klaus2)


    9 years, 1 month ago

    Hello,

    I’m using tablepress 1.8 with extension data tables fixed header 1.4 and I’ve tested it with theme 2017 and theme sydney. In my test website I’ve placed this:

    [table id=1 datatables_fixedheader=top datatables_fixedheader_offsettop=125 /]

    Generally it works as designed, but if the header becomes fixed, the columns changed their width a bit. If I try the themes of 2016 and 2015 this effect is more visible. But the width of the complete header is always correct. Here is the test site:
    http://agape4you.de/chilis/sorten

    What can I do to fix the problem? I’ve searched for this problem, but I didn’t find something like this, sorry.

    Greetings,
    Klaus

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 1 month ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The cause for this basically is that your table is actually too wide for the available content area. It’s stretching into the sidebar. You can see this e.g. at the “Search” field, which should be on the right edge of the table.

    To work around this, you could either make the table smaller (by removing columns or by reducing the font size), or you could increase the page’s content area. This is often a theme setting, where you can then choose a “Full width” (or similar) Page Template on the “Edit” screen of the page. If this is not there, you might have to modify the theme’s HTML and CSS code.

    Regards,
    Tobias

    Thread Starter klaus2

    (@klaus2)

    9 years, 1 month ago

    Hello Tobias,

    thanks for the answer! I’ve tried it, but without luck. It looks like before. You will see it at the site I’ve posted above. The content width is now close to full width. I don’t see a choice for that in the theme and I’ve did it with this additional css, which I’ve found in another forum:
    @media (min-width: 1200px) {
    .container {
    width: 100% !important;
    }
    }

    Also the font size is changed now from 16 to 10 px for testing. But if you feel I have to be in contact with the developer of the theme, I can try. Or do you have another idea? It would be nice! 🙂

    Greetings,
    Klaus

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 1 month ago

    Hi Klaus,

    indeed, the widths are still off :-/

    Unfortunately, I don’t see why. You might want to ask in the DataTables JS library’s forums at http://www.datatables.net/ where the developer of the JS code for the FixedHeader can maybe help.

    Regards,
    Tobias

    Thread Starter klaus2

    (@klaus2)

    9 years, 1 month ago

    Hello Tobias,

    thanks for your help! I will try to get some help there!

    Thank you again,
    Klaus

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 1 month ago

    Hi Klaus,

    great! If they find something, please let me know, in case I see that problem again!

    Best wishes,
    Tobias

    Thread Starter klaus2

    (@klaus2)

    9 years, 1 month ago

    Hello Tobias,

    may be, it is not the solution what we are expecting, but it is good enough for me:

    Now I’m using the theme Customizr. It’s perfect!

    Thanks for your help! And if the test site will change to my productive one, you will get a ‘thank you’ for your nice job with the tables and additions!

    Greetings,
    Klaus

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 1 month ago

    Hi Klaus,

    cool! Good to hear that it works better in that theme! 🙂

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Fixed header with wrong width of the columns’ is closed to new replies.