Angular材料可排序表 - 始终显示排序图标（不仅在悬停时）

Question

我正在检查https://material.angular.io/components/sort/overview上的可排序表示例

我不喜欢的是排序图标仅在悬停列标题时显示。

有没有办法让他们永远在那里？ （不仅在悬停时）

Answer 1

如果列尚未排序，则悬停/聚焦/长按标题将显示排序图标。如果列已排序，则图标将显示，直到列变为未排序。如果要始终显示排序图标，则必须按如下方式对表中的一列进行排序：

   <table matSort (matSortChange)="sortData($event)" matSortActive="name" 
   matSortDirection="asc" matSortDisableClear>

Answer 2

试试这个：

.mat-sort-header-arrow {
  opacity: .4!important;
}