Quick Setup:

1. Drag the TableRowExpandableContent block to the last column of a table.
2. Add the expandable content in the block's placeholder
3. The component will add a new expandable line bellow all table rows
4. Click anywhere on the table row to expand/collapse the content

You can customize the look and feel of the component by using the ExtentedClass input, or by adding new CSS attributes to the following classes:
.expandable-content - Used on the Table Row (tr) wrapping the expandable content cell (td)
.is-open - Used on both related Table Rows, header and expandable content, when the line is opened

Quick Setup:

1. Drag the TableRowExpandableContent block to the last column of a table.
2. Add the expandable content in the block's placeholder
3. The component will add a new expandable line bellow all table rows
4. Click anywhere on the table row to expand/collapse the content

You can customize the look and feel of the component by using the ExtentedClass input, or by adding new CSS attributes to the following classes:
.expandable-content - Used on the Table Row (tr) wrapping the expandable content cell (td)
.is-open - Used on both related Table Rows, header and expandable content, when the line is opened