Angular Material 2中的md-table flexible列

Question

如何使md-table列灵活，每列的宽度是动态的？

目前我的桌子看起来像这样。

Answer 1

我使用 fxFlex =“123px”为<md-cell>设置了宽度，我知道它们将像带有句柄图标的列一样被修复，只需设置 fxFlex < / strong>对于其余元素，它们会自动对齐。

同样适用于<md-header-cell>

Answer 2

@cucuru我在CSS上找到了一些解决方法

.mat-column-COLUMNID {
   flex: 0 0 13%; //change the 13% with every width you need
}

使用这个小代码你可以改变每列的宽度，它会自动打破这些行。