Views Expandable Table

Provides an expandable table style plugin.

How to use

1. Set up your view
2. Configure a display to use the "Expandable table" style
3. Put the portion that should expand into the last column
4. 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] and tr[data-views-expandable-table-target] selectors accordingly.
• The expanded class is applied to both the trigger and target rows when expanded.
• The views-expandable-table-hover class 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.)