带过滤器的垫子表格列，排序箭头不可见

Question

我是新来的... 我的垫子表工作正常，但是当列具有过滤器和排序功能时，在带有过滤器的列上看不到排序箭头。 我试图调整列的权重，但是无论列的大小如何，箭头都不可见。 有一个示例项目可以重现我的问题。

https://stackblitz.com/edit/angular-hbakxo-sdjyya?file=app%2Ftable-filtering-example.ts

Answer 1

设置列宽即可显示

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

Answer 2

仅当列宽大于mat表格字段时才可见

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

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

这是链接的slackblitz编辑。