Accordions inside table

[matachecosmin]

Hello everyone,

I'm currently working on an project using Bootstrap v5.1.3. I have a task that involves mixing accordions within a table. Specifically, I want to group elements with the same country, service and sub-service into an accordion component. Please refer to the attached images for clarification.

Has anyone implemented a similar solution? Is it possible to achieve this with Boosted? I didn't make it work. At the moment, I'm developing a custom JavaScript solution.

Thank you!

[Funminaima]

Bootstrap v5.1.3 doesn't really support nesting accordion components directly within tables by default, so creating grouped accordion functionality using custom Javascript seems liken the way to go. A colleague successfully implemented this by toggling row visibility and dynamically managing the accordion state using JavaScript event listeners.