mat-cell 与 mat-header-row 宽度相同

Question

我有一个非常简单的

<mat-table>

，有很多列，有时数据会丢失。 无论如何，每个

<mat-cell>

的宽度与它自己的相对

<mat-row-header>

的宽度不匹配，当数据/内容宽度大于标题的宽度时也是如此。 我已经在网上查过但没有成功。 非常感谢您的帮助。

我希望同一列的所有单元格的宽度和列标题（行标题）本身的宽度都等于这些单元格上所有内容中的最大内容宽度。

Answer 1

mat-table 对列使用 Flex 布局，您可以使用样式类控制此列

.mat-column-customName {
    flex: 0 0 15%; /* percentage based on your columns number */
}

或设置最小宽度

.mat-column-customName {
    min-width: 100px; 
}