How to make an Angular Material expandable table responsive

1.9k views Asked by At

I am trying to make my angular material expandable table responsive like this StackBlitz demo but that doesn't work as well since mine is an expandable table and turns out like this and I am not sure how the demo works so if someone can help me modify it to work with my usage that'd be very appreciated if I can remove the blank name row in between and make it function like the full-screen size that'd be perfect

1

There are 1 answers

0
Ameen Oumer On BEST ANSWER

Changing td.mat-cell:not(.mat-column-actions) to td.mat-cell:not(.mat-column-actions, .mat-column-expandedDetail) in the mat-table-responsive.directive.scss file removed the blank name row in between.

From: Before change To: After change