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

Question

我是 Angular Material 的新手。有什么方法可以覆盖 Material 表中的 mat-h​​eader-arrow 。我试图让 mat-sort-header-container 显示:无。但不幸的是它没有起作用。

当前行为:

预期行为:

非常感谢任何帮助。

谢谢

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

结果: