angular - 带有过滤器的垫表列排序箭头不可见

Question

我是 angular 新手...我的 mat-table 工作正常，但是当列具有过滤和排序功能时，排序箭头在带有过滤器的列上不可见。我试图调整柱重量，但无论柱子有多大或多小，箭头都是不可见的。有一个示例项目可以重现我的问题。

score 0 · Accepted Answer

0

设置你的列宽让它显示

.mat-column-position {
 width: 25%;
}

于 2018-12-06T16:50:28.640 回答

score 0 · Accepted Answer

仅对大于 mat 表单字段的列宽可见

并且为了减小表单字段的宽度，请使用精确大小而不是 %。百分比不会改变排序标题宽度

.mat-form-field {
    font-size: 13px;
    width: 110px; //put the value you need
  }

这是您链接的slackblitz编辑。

2 回答 2