角度材料排版干涉mat-data-table样式

Question

我将.mat-typography类应用于我的文档体。在实现数据表排序后，我注意到排序指示器箭头稍微偏离了位置。检查完文档后，我注意到排版类覆盖了排序设置的字体样式。

在这里，我从material.angular.io派生了排序演示，并添加了排版类：https://angular-9ddpgm.stackblitz.io -单击“No.‘”。标题-箭头具有更高的基线作为标题本身。

在原始演示中(没有排版)，情况并非如此：https://material.angular.io/components/table/overview

这是角度材料的问题，还是我需要以不同的方式使用排版设置？

Answer 1

.mat-sort-header-arrow {
  opacity: 0;
  transform: translateY(25%);
}

.mat-sort-header-pointer-left.ng-trigger.ng-trigger-leftPointer{
  transform: rotate(-45deg);
}

.mat-sort-header-pointer-right.ng-trigger.ng-trigger-rightPointer{
  transform: rotate(45deg);
}

.mat-sort-header-indicator.ng-trigger.ng-trigger-indicator{
  transform: translateY(0px);
}

这对我很有帮助