angular - 如何在材料表Angular 5中创建自定义箭头

Question

我是 Angular 材质的新手。有没有办法覆盖材料表中的垫头箭头。我试图让 mat-sort-header-container 显示：无。但不幸的是，它没有奏效。

当前行为：

预期行为：

非常感谢任何帮助。

谢谢

标签： angularangular-material2

Answer 1

是的你可以。

做一件事。将以下CSS代码添加到您的主样式表（不基于组件）

style.css

.mat-sort-header-stem {
  background: none;
  display: none!important;
}

.mat-sort-header-pointer-middle{
  background: none;
  display: none!important;
}

.mat-sort-header-indicator{
  top: 5px!important;
}

结果 ：