Vanilla framework documentation

Table expanding

Using .p-table-expanding in conjunction with the <table> element will allow expanding and hidden table cells which take up the full width of the table row element.

This pattern should be used when a table requires configuration fields (add, edit). Expandable rows can also be used to supply additional information not visible on the table row.

Using p-table-expanding__panel it can be hidden using the aria-hidden attribute. The table must contain all table cells required.

View example of the expanding table pattern