Col Width and Horiz Scroll

  • Resolved dmpub

    (@dmpub)


    6 years, 3 months ago

    Hi, Tobias

    If I enable horizontal scrolling, the header row cells don’t align with the cells in the rows beneath.

    This happens whether or not I have custom column widths set. The sample page shows four combinations of horizontal scrolling (or not) and variable column widths (or not). I have tried this in several different browsers (Chrome, Firefox,

    The table is fairly wide, so I need the horizontal scrolling, and of course, I’d really like the header cells to agree/align with the rows of data beneath. ??

    Can you suggest a solution?

    Many thanks for your excellent product (and excellent support)

    David.

    Support Information :

    · Website: https://holyword.church
    · TablePress: 1.9.1
    · TablePress (DB): 37
    · TablePress table scheme: 3
    · Plugin installed: 2018/11/06 11:45:24
    · WordPress: 4.9.8
    · Multisite: no
    · PHP: 7.1.23
    · mysqli Extension: true
    · mySQL (Server): 5.6.40-84.0-log
    · mySQL (Client): 5.5.32
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 128M
    · Server Memory Limit: 768M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: true

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Please try turning off the “Horizontal Scrolling” checkbox on the table’s “Edit” screen. Then, please try the scroll mode that the TablePress Extension from https://tablepress.org/extensions/responsive-tables/ offers. This adds horizontal in a slightly different technical way and should not create this problem.

    Regards,
    Tobias

    Thread Starter dmpub

    (@dmpub)

    Many thanks for your lightning fast response and suggestion.

    I have done as you suggested, and now the first table (described as table 2) on my demo page has horizontal scrolling turned off and the new extension added with the parameter responsive=scroll in the shortcode.

    The good news? It now works perfectly in Firefox.

    The bad news? New issues have been introduced in Chrome and Edge.

    Do you have any more ideas/suggestions?

    Tks

    David.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi David,

    to fix that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
  table-layout: auto;
}

    Regards,
    Tobias

    Thread Starter dmpub

    (@dmpub)

    Thank you, Tobias. That solved the problem. I’ll happily send in a small contribution in return for your help and your fine product.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!
    And thanks for wanting to donate, I really appreciate it!

    Best wishes,
    Tobias

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Col Width and Horiz Scroll’ is closed to new replies.