Collapse rows in a table

Hello
For some time I have been trying to design a table in which each row can be developed on the principle of clicking on read more and more information develops. Nothing simpler. However, all available tools have different deficiencies, the same number of columns required in the expansion, etc.
The closest goal was to hit the Table Supsystic plugin However, there is no way to expand the link is imposed from above as a non-aesthetic stamp.

For example, on this page you can see something like this in a little developed variant but outlines what I'm looking for: casinomartini dot com

I would be very grateful for any suggestion

Here is the section at w3schools showing the tips to use css
https://www.w3schools.com/howto/howt...ollapsible.asp

Stackoverflow method of doing it with jquery
https://stackoverflow.com/questions/...query/16926867

Here is an example over at codepen
https://codepen.io/andornagy/pen/gaGBZz


I am sure you will get a number of suggestions


Rick
Universal4

I'm not 100% sure what you are trying to achieve. However from what I guess, Ninja Tables WordPress plugin is capable of what you are trying to achieve.

Usually done with a jquery.
What he seems to want is an accordion style layout, where you click the + sign (or read more link) and the content, slides vertically into view. Similar to content contained in FAQ's you find these days. Has a list of FAQ questions, you click the question, and the text drops into view.

Not that helps, cause clearly he's not a coder.

Quote:

---

Originally Posted by AussieDave

Usually done with a jquery.
What he seems to want is an accordion style layout, where you click the + sign (or read more link) and the content, slides vertically into view. Similar to content contained in FAQ's you find these days. Has a list of FAQ questions, you click the question, and the text drops into view.

Not that helps, cause clearly he's not a coder.

---

This is what I assumed he wanted. It's easy to do using Ninja Tables if you have no coding skills.

you could try this.

otherwise:

this functionality is built into boostrap 4. if you are using a WP theme, perhaps it uses this component

https://getbootstrap.com/docs/4.0/components/collapse/

otherwise have a look at jquerui
https://jqueryui.com/accordion/


or pure Jquery => https://stackoverflow.com/questions/...ws-with-jquery

Ninja tables looks interesting. Is anyone here using it for listing CTA's or offers in our industry? I know a lot of people use the combination of TablePress + custom CSS.

Quote:

---

Originally Posted by MJM

Ninja tables looks interesting. Is anyone here using it for listing CTA's or offers in our industry? I know a lot of people use the combination of TablePress + custom CSS.

---

Yeah I use it right now. It's pretty ok but it has it's limitations. I think I'll code something my own in the future so I can get it exactly how I want it. Anyways, I'd still vouch for it.