Horizontal Scrolling

  • Resolved cyrilleb

    (@cyrilleb)


    2 years, 8 months ago

    Hello Tobias

    Sorry for my poor english

    I’m trying to enable horizontal scolling on a tab for mobile device
    But it doesn’t work ..

    Horizontal scrolling is enabled
    I just put a colspan on the first line, and some style in the cells
    example : <p style=”text-align: center;”>Année N + 1</p>

    Thanks for your support !

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    When using colspan, you can not use the “Horizontal Scrolling” from the table’s “Edit” screen — this requires the JavaScript features, which however do not support tables with combined cells, via colspan.
    Instead, please use the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

    As for HTML code for centering: I do not recommend adding HTML code like that to every cell. Instead, you should center the cell content with CSS code. For example (after removing the HTML code again), add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-3 th,
.tablepress-id-3 td {
  text-align: center;
}

    Regards,
    Tobias

    Thread Starter cyrilleb

    (@cyrilleb)

    Thank you Tobias for your help !

    You’re right for the Custom CSS.

    And your extension’s doing the right job ??

    I think, my table is responsive now

    Regards
    Cyrille

    Plugin Author Tobias B?thge

    (@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 ‘Horizontal Scrolling’ is closed to new replies.