angular – md-table – 如何更新列宽

发布时间：2020-12-17 08:00:52 所属栏目：安全来源：网络整理

导读：我已经开始为我的项目使用md-table，我想要固定的列宽。目前所有列宽度都分为相同的大

我已经开始为我的项目使用md-table，我想要固定的列宽。目前所有列宽度都分为相同的大小。

我在哪里可以获得数据表维度的文档？

https://material.angular.io/components/table/overview

当Material创建表时，它会自动为您应用两个类名，您可以使用这两个类来为每个列设置样式。
在下面的示例中，样式名为mat-column-userId和cdk-column-userId。

<ng-container cdkColumnDef="userId">
  <md-header-cell *cdkHeaderCellDef> ID </md-header-cell>
  <md-cell *cdkCellDef="let row"> {{row.id}} </md-cell>
</ng-container>

现在您可以在css中使用这些名称：

.mat-column-userId {
  flex: 0 0 100px;
}

与Rahul Patil’s answer类似，但您不需要在列定义中添加另一个类。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!