Responsive table in accordion

  • Resolved asrenokhbegan

    (@asrenokhbegan)


    5 years, 3 months ago

    Hi Tobias,
    Thanks for your support and your amazing plugin

    I have an accordion in my webpage which has a responsive table (with collapse mode) inside of it, but as you can see the table is not responsive

    I put the same table with same shortcode in another row and it works perfectly fine, but it’s not responsive being in accordion

    The shortcode i’m using is:
    [table id=88 responsive=collapse responsive_breakpoint=”phone” /]

    How can i fix this?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 2 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, I’ll have to disappoint you here. Making tables responsive that are inside such accordions is very tricky, and not all methods are available then. The reason for this is that tables in accordions are initially hidden when the page is loaded. Due to that, the JavaScript code can not make certain calculations, like table and column widths, because hidden elements don’t have a width.
    Therefore, you will not be able to use the collapse mode with tables that are in accordions. If you need to keep the accordions, I can only suggest that you use one of the other modes, like flip, scroll, or stack.

    Regards,
    Tobias

    Thread Starter asrenokhbegan

    (@asrenokhbegan)

    5 years, 2 months ago

    Oh, It’s ok
    I will test other modes as you suggested.

    Thanks for answering!

    Thread Starter asrenokhbegan

    (@asrenokhbegan)

    5 years, 2 months ago

    And if the accordion is open in the first place, collapse mode actually works!

    Thanks again 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    5 years, 2 months ago

    Hi,

    yes, that’s correct. If an accordion is open, the collapse mode will work, because then the table will not be hidden initially, so that those calculations can be made.

    Best wishes,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Responsive table in accordion’ is closed to new replies.