Results 1 to 8 of 8
  1. #1
    dannyx is offline Public Member
    Join Date
    November 2019
    Posts
    96
    Thanks
    13
    Thanked 19 Times in 16 Posts

    Default 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

  2. #2
    universal4's Avatar
    universal4 is online now Forum Administrator
    Join Date
    July 2003
    Location
    Courage is being scared to death...and saddling up anyway. John Wayne
    Posts
    28,026
    Thanks
    2,226
    Thanked 7,923 Times in 4,996 Posts

    Default

    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

  3. The Following 2 Users Say Thank You to universal4 For This Useful Post:

    Cash Bonus (8 January 2020), ddm (10 January 2020)

  4. #3
    mickyfu is offline Public Member
    Join Date
    February 2013
    Posts
    549
    Thanks
    83
    Thanked 401 Times in 238 Posts

    Default

    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.

  5. The Following User Says Thank You to mickyfu For This Useful Post:

    Cash Bonus (8 January 2020)

  6. #4
    AussieDave's Avatar
    AussieDave is offline Public Member
    Join Date
    November 2005
    Location
    from the land downunder
    Posts
    4,040
    Blog Entries
    1
    Thanks
    1,669
    Thanked 1,876 Times in 1,072 Posts

    Default

    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.
    ---
    Compliance: a code word for control

    ---
    Do the right thing, even when no one is looking. It's called integrity.
    ---

    It's your right to be treated honestly: fairness for all igaming affiliates - doch.news

  7. #5
    mickyfu is offline Public Member
    Join Date
    February 2013
    Posts
    549
    Thanks
    83
    Thanked 401 Times in 238 Posts

    Default

    Quote Originally Posted by AussieDave View Post
    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.

  8. #6
    ddm
    ddm is offline Former Member
    Join Date
    July 2006
    Posts
    1,126
    Thanks
    418
    Thanked 469 Times in 286 Posts

    Default

    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

  9. #7
    MJM
    MJM is offline Private Member
    Join Date
    November 2010
    Posts
    769
    Thanks
    148
    Thanked 456 Times in 265 Posts

    Default

    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.

  10. #8
    Alcasino is offline Private Member
    Join Date
    January 2020
    Location
    Sweden
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by MJM View Post
    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •