This module provides an expandable table style for Drupal Views. It allows you to hide content in the last column of a table row, which can then be revealed by clicking on the row. This is useful for displaying additional details without cluttering the main table view.
Provides an expandable table style plugin.
How to use
- Set up your view
- Configure a display to use the "Expandable table" style
- Put the portion that should expand into the last column
- When your view renders, the last column will initially be hidden, and will expand when the row is clicked
Frontend considerations
- The expandable row is literally another row in the markup of the table. If you're targeting odd/even rows for striping, you may need to adjust CSS accordingly.
- The trigger (the small, initially displaying row) and target (the expanding row) may be targeted using
tr[data-views-expandable-table-trigger]andtr[data-views-expandable-table-target]selectors accordingly. - The
expandedclass is applied to both the trigger and target rows when expanded. - The
views-expandable-table-hoverclass is applied to both the trigger and target rows when either is hovered. - The trigger element can be configured to use the entire row (default), or to append a new element to the first or last visible column of the row (configurable).
- If views bulk operations are on the table, the second column is selected when the 'First visible' value is used.
- The trigger element can be configured to appear before the columns content or after the columns content. (Additional styling adjustments may be needed depending on which option you use.)