Material Table 列固定宽度
Material Table column fixed width
我有一个 Angular Material table，我想将 100px 的固定宽度应用到第一列。
我尝试使用：
.mat-column-select {
flex: 0 0 100px !important;
}
没有效果。
我错过了什么？
编辑：
好吧...我不是 CSS 人。只需添加 width: 100px 就可以了。为什么？
恭喜您自行找到解决方案。
table 是一个 <table> 元素。这不是默认值 display: flex。
flex: 0 0 100px 仅当父元素是弹性框时才有效。
因为<td>显示为table-cell。这就是 width: 100px 应该完成这项工作的原因。
我有一个 Angular Material table，我想将 100px 的固定宽度应用到第一列。
我尝试使用：
.mat-column-select {
flex: 0 0 100px !important;
}
没有效果。
我错过了什么？
编辑：
好吧...我不是 CSS 人。只需添加 width: 100px 就可以了。为什么？
恭喜您自行找到解决方案。
table 是一个 <table> 元素。这不是默认值 display: flex。
flex: 0 0 100px 仅当父元素是弹性框时才有效。
因为<td>显示为table-cell。这就是 width: 100px 应该完成这项工作的原因。