Responsive table with collapse mode

  • Resolved pit24

    (@pit24)


    2 years, 10 months ago

    I want to make a table in collapse mode, so that 4 columns would be shown, when I click on the green button, the other 9 columns would be shown

    Is it possible? If yes, how?

    • This topic was modified 2 years, 10 months ago by pit24.
    • This topic was modified 2 years, 10 months ago by pit24. Reason: I didn't phrase the question correctly
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Yes, this should be possible, if the column widths allow it. Essentially, all you need to do is add this to the “Custom Commands” text field on the table’s “Edit” screen:

    "columnDefs": [ { "className": "none", "targets": [ 4, 5, 6, 7, 8, 9, 10, 11, 12 ] } ]

    Regards,
    Tobias

    Thread Starter pit24

    (@pit24)

    TobiasBg,
    Thanks for the instant response, it worked – thank you

    I have a header and a subheader in my table: how can I make the button and the drop-down list appear after the subheader

    Thread Starter pit24

    (@pit24)

    TobiasBg,

    Can you please tell me if it is possible to implement a price indicator? If the price goes down, then the red value if up, then the green value

    • This reply was modified 2 years, 10 months ago by pit24.
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    I’m not sure what you mean with that subheader. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    As for the price indicator: Sorry, TablePress doesn’t have a feature for that. You’ll have to add that manually to the content.

    Regards,
    Tobias

    Thread Starter pit24

    (@pit24)

    I want to do what I have in the screenshot.

    on pressing the button to appear the data arrangement as 1, 7 and 30 days

    Is it realistic to do this?

    Thank you!

    • This reply was modified 2 years, 10 months ago by pit24.
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    I see… Unfortunately, that’s not what the collapse mode can offer. For something like that, you’d need a custom JavaScript solution that shows/hides rows. Sorry for not having better news here.

    Regards,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Responsive table with collapse mode’ is closed to new replies.