Horizontal scroll

  • Resolved surviphilipp

    (@surviphilipp)


    2 years, 10 months ago

    Hi,
    i created a table with Tablepress and want to enable the horizontal scroll for better mobile responsibility.
    In the settings of the table i checked “enable horizontal scroll”, but now on desktop the table got way smaller and moved to the left. When i uncheck “Use the following functions of the DataTables JavaScript library for this table:””the table is shown properly again but on mobile i dont have horizontal scroll. What causes this/can you help me? Maybe i can add something to “own commands” to enable the horizontal scroll while “Use the following functions of the DataTables JavaScript library for this table:” is unchecked?

    can you help me with that? Also is there an option to just display two columns on mobile and the third one on scroll? Right now i have 2 and a half column shown on mobile which looks not so appealing.

    Thank you very much!

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

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This issue can appear with some themes, due to CSS conflicts. To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .dataTables_wrapper .tablepress {
  width: 100% !important;
}

    Unfortunately, I’m not aware of a way to set the widths so that exactly two columns are visible on mobile – essentially, this would not really work reliably because screen widths of mobile phones vary a lot.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Horizontal scroll’ is closed to new replies.