Questions about horizontal scrolling

  • Resolved marco3253

    (@marco3253)


    6 years, 8 months ago

    Dear support,
    thank you for your beautiful plugin.

    I have these large tables on the website, and of course on little displays are cut on the right.
    So, first, i enabled the JavaScript DataTable options, and selected only the last option “enable horizontal scrolling”.
    i thought this was all i have to do, but there is something missing.
    In some tables the option is working, and in other not. This is strange, they have pretty much same formatting, are inserted both in articles and both in the same “container” of the theme i use, in the backend all seems the same between tables, but in the front end one is working and the other not.

    I also tried the responsive data table plugin, but this website is used by administrative persons so i don’t want to complicate them adding extra code to the tables shortcode, it would be more easy to just say “just enable the horizontal scrolling when you create a table”

    can you give me an advice on this?

    thank you.

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter marco3253

    (@marco3253)

    sure

    this is where it’s working: https://www.alermipianovendite.it/appartamenti-liberi-in-vendita-diretta/

    here is where is NOT working: https://www.alermipianovendite.it/asta-alloggi-26-luglio-2018/

    all the options, containers in the page and all the stuff i could check are the same.
    the problem should be of the table, because i tried to put the working table into the page where the other table wasn’t working and worked well, so it’s something related the table.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    on the page where it’s working, you are using the Horizontal Scrolling of the DataTables JS library. On the page where it’s not working, DataTables seems to be turned off.
    Alternatively, you could therefore use responsive=scroll parameter there.

    Regards,
    Tobias

    Thread Starter marco3253

    (@marco3253)

    Hi tobias, don’t know why it was not enabled, i enabled it yesterday before messaging you, can you please try again now?
    It’s enabled but not working.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ok, now I see the problem. You are using #rowspan# in this table. This is not compatible to the DataTables JS library. You will have to remove all #rowspan# from the table (or not use DataTables and use the scroll mode of the Extension instead).

    Regards,
    Tobias

    Thread Starter marco3253

    (@marco3253)

    hi Tobias, thank you for had solved the mystery.
    I knew there was something related to table but didn’t thought about the rowspan!

    Thank you!

    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 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Questions about horizontal scrolling’ is closed to new replies.