css - Material 表栏固定宽度

我有一个Angular Material表，我想将固定宽度100px应用于第一列。



我尝试使用：

.mat-column-select {
  flex: 0 0 100px !important;
}

没有任何效果。

我想念什么？

编辑：
好的，我不是CSS专家。只需添加width: 100px就可以了。为什么？

最佳答案

祝贺您自己找到解决方案。

该表是一个<table>元素。这不是默认的display: flex。
flex: 0 0 100px仅在父元素是弹性框时才有效。

由于<td>显示为table-cell。这就是为什么width: 100px应该做的工作。

关于css - Material 表栏固定宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53210628/