Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 7, 2021 at 4:58 pm #1293109
    Jürgen

    Hello Krisi,
    I have a table in the acordeon on one side. It is an HTML table (not the one from the Enfold avia layout architect).
    The table is so wide that it is cut off on the smartphone at a width of about 375 pixels on the right. Now my question: Is there a way to make the table scrollable horizontally so that you can see the entire content on the smartphone?

    Thank you very much

    Best regards
    Jürgen

    April 10, 2021 at 5:14 am #1293593
    Rikard

    Hi Jürgen,

    It looks like you have given the table a fixed width value, could you try changing that to 100% instead?

    <table width="100%">

    Best regards,
    Rikard

    April 11, 2021 at 4:57 pm #1293783
    Jürgen

    Hello Rikard,
    thank you. I tried your suggestion and set the table to 100% width. The problem on smartphone still remains. It would also be ok if the table could be scrolled horizontally.

    Do you have another solution?

    Thank you very much
    best regards Jürgen

    April 13, 2021 at 11:58 am #1294082
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to make the toggle content scrollable.

    .togglecontainer .toggle_content {
    overflow: scroll;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

    April 15, 2021 at 10:38 am #1294532
    Jürgen

    Hello Ismael,
    that’s working. Thank you very much !!!

    Best regards
    urge

    April 16, 2021 at 12:40 am #1294652
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘HTML Table scrollable’ is closed to new replies.