带有过滤器的mat表列排序箭头不可见

Question

我对角不熟悉..。我的mat表工作正常，但是当列具有筛选和排序功能时，带有筛选器的列上看不到排序箭头。我试着调整一下鬼魂栏目，但不管柱子有多小或多大，箭头都是看不见的。有一个样本项目复制了我的问题。

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

Answer 1

它仅可用于列宽度大于mat窗体字段的情况。

为了减少表单字段的宽度，请使用精确的大小而不是%。百分比不会更改排序头宽度

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

这是您链接的松弛闪电战编辑。

Answer 2

设置列宽使其显示

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