“width: 0” added to table element

  • Resolved mattkoltermann

    (@mattkoltermann)


    8 years ago

    Hello! If you go to https://programs.rutgerschurch.org/rates-schedule/summer-2017/, you’ll see some TablePress tables within some Arconix Shortcodes tabs. Click through the different tabs on your desktop/laptop screen and everything looks fine.

    However, go to the same URL on a mobile device, or reduce the width of the window to a mobile-like width and reload, and you’ll see the table looks fine on the “Monday” tab but the other tabs have very squished tables when you click to them, apparently because there’s a inline “width: 0;” being added to the table element.

    I don’t think TablePress is doing this, so wondering if this is an Arconix Shortcodes issue. Thanks!

    Screenshot

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

    (@mattkoltermann)

    Update: Interesting, if I uncheck the “Use the following features of the DataTables JavaScript library with this table” feature for each TablePress table in the tabs then the issue is resolved. So, I can do that for now but it would be ideal to figure out the root cause of the conflict.

    Plugin Author John Gardner

    (@jgardner03)

    Hi Matt,

    Thanks for using my plugin and I apologize for the troubles. I think the root of the issue is with TablePress for 2 reasons:
    1. My plugin doesn’t generate inline styles
    2. The table you reference in the screenshot is generated by TablePress so their code is the most likely source for that inline style.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘“width: 0” added to table element’ is closed to new replies.