Table in accordion

Jae Tan

• August 18, 2022 05:49
• Edited

I would like to point out a small bug when a table is placed inside an accordion. The horizontal does not work as intended and content on the left gets cut off.

Please try to recreate the issue on your end.

I'm on the latest version of Brizy.

As this layout is required on my current project, I need a fix to this soon. Thanks!

0

• 

  KC George

  • August 18, 2022 09:17
  • Edited

  Hi Jae,

  Can you please check this page on a mobile? https://kctest.online/accordion The table in an accordion seems to fit well. If you have more columns than what can fit within the mobile screen, you need to use a table which supports horizontal scroll.

  Please have a look this page on a mobile. https://kctest.online/wpdatatables The table in this page is developed using the plugin wpDataTables If you place the plugin shortcode within the Brizy accordion element, horizontal scroll may not work.  

   

  0
• 

  Jae Tan

  • August 19, 2022 03:23

  Do you think we can get a fix for this? As I noticed that Brizy table does support horizontal scroll when not nested inside the accordion. 

  0
• 

  KC George

  • August 19, 2022 05:06
  • Edited

  Hi Jae,

  You are right when nested with the accordion element table does not support horizontal scroll. However along with tab element, the horizontal scrolling seems to work fine. Please have a look at this page on a mobile https://kctest.online/tab

  May be you should consider the tab element instead of the accordion?

  0
• 

  Ivan Delevic

  • July 26, 2023 15:40

  How to create drop-down menus, info signs (?), and tables like this in the Accordion element...?

  

  0
• 

  Ariel H.

  • July 27, 2023 16:01

  Hi Ivan,

  Thank you for keeping in touch.

  To create the info signs, you can use the icon element to accomplish this.
  This is demonstrated on this screencast—https://youtu.be/afvKkIIn3i0

  I also made a similar example here using the accordion element—https://youtu.be/mzysHoNQUo8

  Please try this and see if this works for you.

  Best regards,
  Ariel H.

  0
• 

  Ivan Delevic

  • July 27, 2023 16:45

  Ariel,

  Thank you so much for your work on this video.

  
  I wanted something similar in this way.
  I thought that the Accordion element had an option for tables, but I saw that it doesn't.
  Anyway, this will help.
  Sincerely

  Ivan D.

  0

Please sign in to leave a comment.