Cells overflowing into other cells

  • Resolved apeoclock

    (@apeoclock)


    4 years, 8 months ago

    This is how my table looks with no extra styling: https://ibb.co/JrDczS5

    I have “Horizontal Scrolling” enabled, but I don’t get a scroll bar.

    I tried the Responsive Plugin with the “scroll” but that didn’t make it work on the desktop either.

    I added the following to the CSS to make the biggest problem column wider:

    .tablepress-id-1 .column-7 {
    width: 210px;
    }

    And that produces this: https://ibb.co/mhrt4cJ

    Which is better, but some of the data is still getting squished.

    I would like each column to automatically resize to accommodate the data within, and if need be, for there to be a horizontal scroll bar on desktop view when the data exceeds the width of the viewable page.

    I have searched (which is where I got the css code above) but didn’t find a full solution.

    Thank you!

    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)

    4 years, 8 months ago

    Hi,

    thanks for your post, and sorry for the trouble.
    Also, sorry for the late reply. I was very busy with personal life, so that I could not reply earlier.

    The cause for this is that your theme’s CSS modifies how tables are rendered by the browser. To change that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress {
  table-layout: auto;
}

    After that, the scrolling should work better, and you should not need that CSS to set column widths.

    Regards,
    Tobias

    Thread Starter apeoclock

    (@apeoclock)

    4 years, 8 months ago

    Thanks, that worked perfectly.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    4 years, 8 months ago

    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 ‘Cells overflowing into other cells’ is closed to new replies.