Question

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

在这里，我从material.angular.io分叉了排序演示并添加了排版类：https://angular-9ddpgm.stackblitz.io - 点击'号码'头 - 箭头具有较高的基线作为标题本身。

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

这是Angular Material的问题还是我需要以不同的方式使用排版设置？

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);
}

这对我有帮助

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

1 个答案: