How To Put Table Add-on Inside Accordion Add-on - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Put Table Add-on Inside Accordion Add-on

D

Darek

SP Page Builder 3 years ago

Hi Joomshaper, I think I know the answer .. but :) Is there any way to put SP table add-on inside accordion add-on. Unfortunately, I don't see them on the list. I know there is a RAW add-on where I can build HTML tables but the SP tables are beautiful and incredibly responsive. Please write that it is possible :)

0
4 Answers
Pavel
Pavel
Accepted Answer
3 years ago #46566

Hi. The only plus of SP Table Addon is that it has filtration and pagination. In all the rest, this is a very uncomfortable addon, requiring a huge amount of time to set up. And that is why it cannot be added inside the accordion, like other addons using javascript. This is not a restriction of SP PB and the total expected behavior for the accordions, tabs and ect. It is meant for static content without JS on board.

If you need to quickly build beautiful and responsive tables, just take the rady made code from the bootstrap documentation https://getbootstrap.com/docs/5.0/content/tables/

You will be able to quickly edit content in this tables right via WYSIWYG editor. That is not possible in SP Table Addon

1
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #46570

Hi

You can follow Pavels instructions. By the way you can share your opinion too as you said you know the answer

-Regards

0
D
Darek
Accepted Answer
3 years ago #46573

Thanks Pavel for your reply. I agree that bootstrap tables are great, but the problem is that someone who doesn't know HTML will complete them. There is a risk that the table code will be corrupted during completion.

0
Pavel
Pavel
Accepted Answer
3 years ago #46578

Here is lifehack:

You can use JCE editor's tables and add bootstrap tables classes in advanced table settings. All you need to know are the names of the classes. No HTML coding. Then you can use buttons in JCE to manage/ add/ delete/ rows, cols, cells

0