Expand and collapse table row in angular material
Question
Below is the example where only expansion is happening, but I want the row to collapse when you click it.
I want my table to be like this:
Please help.
1 answers
solution1
6 ACCPTED 2018-07-24 08:57:59
Replace (click)="expandedElement = row"
with
(click)="expandedElement === row? expandedElement = null : expandedElement = row"
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Angular 2 - expand collapse table row
Expand/collapse table rows in Angular
Angular Material Table expand row on column/icon click
Expand Angular Material expansion table row via TypeScript
Angular material table collapse/expand complete table so only header is visible
CAN NOT expand Angular Material table
Angular Materials Table expand and collapse table cell?
How to expand and collapse table row on click
Expand and collapse icons for mat table with accordion - Angular
How can I create expand/collapse function for each row of table? Angular6
Related Tags