通知 mat-table 它应该扩展以适合 mat-cells？

Question

I've increased the width of mat-cell elements like this:

.mat-cell {
  min-width: 8rem;
}

This causes the cells total width to expand beyond the viewport width, which in turn causes it to overflow the mat-table .
How do we get the mat-table to dynamically increase its size to fit the cells? Right now it looks like it only expands by default to the width of the viewport.

Here's a stackblitz demo.

Answer 1

This is one solution. It makes the table container scrollable.

Add overflow: auto ;

.mat-table { width: 100%; overflow: auto}