Table overflow hidden issue

  • Resolved Arjun S Kumar

    (@arjunskumar)


    10 years, 3 months ago

    I’m having a few issues displaying my table. The content in the table being forced to scroll to the right as you can see here.

    I’ve a custom CSS added via plugin options

    #tablepress-1 {
	table-layout: fixed !important;
	width: 90%;
}

    Any thoughts on making the column widths to fix the parent wrapper?

    http://wordpress.org/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    10 years, 3 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    From what I can see, you have the “Horizontal Scrolling” checkbox enabled on the “Edit” screen of the table. My assumption is that that’s interfering here.
    I suggest to uncheck that checkbox and then to experiment with the table-layout property and manual column widths, maybe also with things like the CSS word-break property.

    Regards,
    Tobias

    Thread Starter Arjun S Kumar

    (@arjunskumar)

    10 years, 3 months ago

    Well that worked like a charm!
    Appreciate your help! 🙂
    Thanks again!

    Plugin Author TobiasBg

    (@tobiasbg)

    10 years, 3 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 ‘Table overflow hidden issue’ is closed to new replies.