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

【问题标题】：mat table column with filter the sort arrows is not visible带有过滤器的垫表列排序箭头不可见
【发布时间】：2019-05-08 09:52:57
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

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

这是您链接的slackblitz 编辑。

【讨论】：

【解决方案2】：

设置你的列宽让它显示

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

【讨论】：