Tables not full width of div?

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

    (@2xuel)

    Actually, I am now noticing that all of my tables have a slight “overhang”, meaning they all are a little bit bigger than the main div and there is a scroll bar showing up at the bottom of the page.

    When I inspect the page, there is CSS stating “width: 961px” or 666px for pages with a side bar, but I can’t figure out where this CSS is coming from or how to override it.

    ***EDIT: I found a fix! I had a bug in my code in the TablePress Plugin Options CSS. But if you have any info on where those numbers 961 and 666 are coming from it would be appreciated!

    • This reply was modified 2 years, 5 months ago by 2xUeL.
    • This reply was modified 2 years, 5 months ago by 2xUeL.
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Good to hear that everything is working now! Essentially, these width numbers are calculated by the JavaScript library, and they are needed as a foundation for the horizontal scrolling, from what I know. This does not necessarily mean that the table will have this width though, as the browser will still determine that based on other factors, like the width of the content in the columns, as well.

    Regards,
    Tobias

    Thread Starter 2xUeL

    (@2xuel)

    Thank you for the response!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Tables not full width of div?’ is closed to new replies.