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

Question

我增加了mat-cell这样的元素的宽度：

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

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

这是一个 stackblitz 演示。

标签： javascripthtmlcssangularangular-material

Answer 1

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

添加overflow: auto;

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