Kendo for Angular2：如何用kendo glyphicon替换网格排序图标

Question

在Kendo for Angular 2中，如何用Kendo Glyphicons替换网格的列排序图标，这是当前的箭头？

我想这在我的SCSS文件，但它并没有在剑道UI工作

.k-grid-header .k-header .k-link > .k-icon { 
    background-image: none; /* remove Kendo's sprite image */ 
    font-family: KendoUIGlyphs; 
} 

.k-grid-header .k-header .k-link > .k-icon.k-i-sort-desc::before { 
    content: '\e61a'; /* KendoUIGlyphs down arrowhead */ 
} 

.k-grid-header .k-header .k-link > .k-icon.k-i-sort-asc::before { 
    content: '\e618'; /* KendoUIGlyphs up arrowhead */ 
} 

Answer 1

默认箭角2个使用的字体图标，所以没有必要改变font-family或删除精灵图片。相反，只设置伪元素含量：

.k-grid-header .k-i-arrow-n::before { 
    content: '\e61a'; 
} 

.k-grid-header .k-i-arrow-s::before { 
    content: '\e618'; 
} 

看到这个runnable demo。