Layout of table is messed up by fixed column

  • Resolved renevlak

    (@renevlak)


    8 years, 4 months ago

    Recently, I installed the DataTables FixedColumns extension. My table is still looking great, but when I set the first column to ‘fixed’ with the relevant shortcode, the layout of my table is messed up: a part of the first column is showing twice and the column headers do not align correctly with their respective columns.

    The table can be found here: https://mvokieswijzer.presss.nl/ (login with demo, demo). It is embedded in the page with shortcode [table id=4 datatables_fixedcolumns_left_columns=1 /]

    I have tried everything you suggested: debugging (there are no javascript errors), switching to a default theme (no effect), disabling all other plugins (no effect), as well as removing the images and hyperlinks from the first row and switching off all custom CSS in the Table options tab (no effect). Whatever I do, the column headers do not align with the rest of the content. By the way, similar issues appear when I use the scroll or collapse mode of the Responsive Tables extension, both on my development and staging sites. But when I do not use FixedColumns or Responsive Tables, the table is displayed fine.

    Please check out these screenshots for more info:

    0. Original table on staging site demo.somo.nl with Siteorigin North theme.png – https://1drv.ms/i/s!An9V_kOPpd0MhbZ4cb1C2iaYyR38Mg
    1. Bug with fixed left column in Siteorigin North.png – https://1drv.ms/i/s!An9V_kOPpd0MhbZvEDOfWJk6rtzXBg
    2. Bug with fixed left column in Twenty Sixteen.png – https://1drv.ms/i/s!An9V_kOPpd0MhbZwPz7JiwF05yYikw
    3. Bug with fixed left column in Twenty Sixteen – no other plugins.png – https://1drv.ms/i/s!An9V_kOPpd0MhbZxDGe5BGnYE88EPA
    4. Bug with fixed left column in Twenty Sixteen – no logo’s.png – https://1drv.ms/i/s!An9V_kOPpd0MhbZyt4sPUa6_Ewkqyw
    5. Bug with fixed left column in Twenty Sixteen – no logo’s, no hyperlinks.png – https://1drv.ms/i/s!An9V_kOPpd0MhbZzVO6XYRcyktTH4A
    6. Bug with fixed left column in Twenty Sixteen – no logo’s, no hyperlinks, minimal css.png – https://1drv.ms/i/s!An9V_kOPpd0MhbZ0AncKY8Ya0yexuw

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    I see what you mean, but unfortunately, I also don’t have a clue about what’s wrong here ??
    I can only assume that the FixedColumns JS code (or its foundation, the DataTables JS library) has problems calculating the correct column widths, maybe due to some CSS conflict. You could maybe try asking in the DataTables forums at https://www.datatables.net/ as the people there have more experience with things like this.

    Regards,
    Tobias

    Thread Starter renevlak

    (@renevlak)

    Thanks for getting back. I have just posted a question in the DataTables forum, hopefully someone will come up with a solution. If so, I will post it here as well.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks a lot for that! And yes, please share any solutions or hints that you find. I really appreciate that!

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Layout of table is messed up by fixed column’ is closed to new replies.