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

Question

我增加了mat-cell 元素的宽度，如下所示：

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

这会导致单元格总宽度超出视口宽度，进而导致其溢出mat-table。
我们如何让mat-table 动态增加其大小以适应单元格？现在看起来它默认只扩展到视口的宽度。

Here's a stackblitz demo.

Answer 1

这是一种解决方案。它使表格容器可滚动。

添加overflow: auto;

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