Kein Symbol für unsortierte Spalten in angularem UI-Gitter

Question

Ich verwende angulares UI-Gitter mit Winkel 1,5.

Derzeit, wenn eine Spalte nicht sortiert ist, wird kein Symbol angezeigt. Aber ich brauche ein Symbol, das anzeigt, dass die Spalte sortiert werden kann. wie dies zum Beispiel - fa-sort

Die CSS eine Klasse hat -

.ui-grid-icon-blank::before { 
    width: 1em; 
    content: '\c358'; 
} 

aber den Inhalt des Symbols auf ändern, wird das Symbol nicht wegen einer anderen Klasse erscheinen ui-grid-invisible auf sie angewendet. Beim Entfernen dieser Klasse sind die Prioritäten ebenfalls sichtbar, was nicht erforderlich ist.

Grundsätzlich Suche eine Lösung für dieses issue

Answer 1

Zu diesem Zeitpunkt Sie möglicherweise eine Antwort auf diese Frage, aber es wert, wie ich es behoben.

fa-sort - ist ein Font Awesome-Symbol. Also habe ich es mit den folgenden Klassen behoben.

.ui-grid-invisible { 
 
    visibility: visible; 
 
} 
 

 
.ui-grid-icon-blank::before { 
 
    content: "\f0dc"; 
 
    font-family: FontAwesome; 
 
}