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

时间:2018-12-06 16:34:58

标签: angular angular-material angular-filters angular-material-table

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

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

2 个答案:

答案 0 :(得分:0)

设置列宽即可显示

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

答案 1 :(得分:0)

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

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

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

这是链接的slackblitz编辑。