Choose which rows to expand

  • Resolved jlordusa

    (@jlordusa)


    3 years, 4 months ago

    We would like to “force” the row to expand after a certain column. We have the Responsive Tables extension

    What I’d like to do is something like the “collapse” mode there, but tell it to collapse just the last column. What we’re trying to do is provide additional details on the screen, but only if the user clicks the “+”.

    An example is at https://www.usacheer.org/membership/usa-cheer-member-list-2 where I currently am using a javascript popup to pull in a page with their additional information. I was playing around with that or a modal that’s prepopulated, but then I realized this might be able to be accomplished using the responsive extension.

    Is there a way to tell it to collapse after column 6 or something of that nature?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Yes, that’s possible by assigning special class names to those columns. For example, add this to the “Custom Commands” text field on the table’s “Edit” screen:

    "columnDefs": [ { "className": "none", "targets": [ 6, 7 ] } ]

    This will make the content of the seventh and eight columns visible when expanding only (note that the counting of the columns starts with 0 in this code).

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘Choose which rows to expand’ is closed to new replies.