What's the problem?
Allow table rows to expand inline, inserting additional content directly below the row that triggered the action.
Key characteristics:
- The expanded content should appear between table rows
- Multiple rows should be expandable at the same time
- The expanded section should appear close to the triggering element, maintaining context for the user
Current Workaround:
We currently use a popover to display the details, but this is not ideal because:
- it separates the details from the row context
- it prevents expanding multiple items in a natural way
What do you need it for?
Inline expansion improves usability because:
- the details appear exactly where the user expects them
- users can compare multiple expanded rows simultaneously
- it avoids moving the user’s focus away from the table (as popovers or modals do)
Suggested solution
<Table>
<Row expandable>
...
</Row>
</Table>
What's the problem?
Allow table rows to expand inline, inserting additional content directly below the row that triggered the action.
Key characteristics:
Current Workaround:
We currently use a popover to display the details, but this is not ideal because:
What do you need it for?
Inline expansion improves usability because:
Suggested solution