Horizontal Scrolling Not Working

  • Resolved herculesjack

    (@herculesjack)


    4 years, 11 months ago

    Hi, I was trying to enable horizontal scrolling to make it easier to read on mobile phones. I tried to either (1) use the horizontal scrolling option of datatables, or (2) disable datatables and use the responsive extension. In both cases, I found that it does generate a scroll bar on my iPhone, but the inside content width is just slightly larger than the table width (I guess it’s restricted to the page width), so the scroll bar is actually useless.

    I think this is probably because of the theme css. Could you give me some idea how I can fix this issue without affecting other contents on the page? Thanks in advance!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter herculesjack

    (@herculesjack)

    FYI, I have tried to add the following to the theme css:

    
.container{
    width: 2000px;
}

    On my laptop it does become wider, but nothing happens on iPhone after adding this.

    • This reply was modified 4 years, 11 months ago by herculesjack. Reason: fix code box
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Horizontal scrolling is not really needed for this table, because the browser can move words to the next lines (word-wrapping). You could however force the columns to be a bit wider to actually have horizontal scrolling. You’ll just need slightly modified “Custom CSS”:

    .tablepress-id-2 .column-2 {
  min-width: 300px;
}

    Regards,
    Tobias

    Thread Starter herculesjack

    (@herculesjack)

    That’s great! I was using width before. It begins to work once I switch to min-width.

    PS: I just made a donation. Thanks for your great work! ??

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Horizontal Scrolling Not Working’ is closed to new replies.

Tags