Layout problems when several tables are below each other

  • Resolved msalfeld

    (@msalfeld)


    2 years, 4 months ago

    Hi,
    the layout of each header row of the second table is moved together.

    What I ca do?

    thanks
    markus

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is caused by the “Horizontal Scrolling” feature being used with a table that is shown in a collapsable section. As the table is initially hidden, this feature can not properly calculate the column widths. Now, as “Horizontal Scrolling” is the only JavaScript feature that you are using, I recommend to instead use the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ which offers a scroll mode that does not need JavaScript. To use that, please turn off the “Use DataTables” checkbox and instead install that Extension and configure the scroll mode in the Shortcode.

    Regards,
    Tobias

    Thread Starter msalfeld

    (@msalfeld)

    Hi Tobias,

    perfect solution!

    Many Thanks
    markus

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias
    ?
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Layout problems when several tables are below each other’ is closed to new replies.