我有一个使用JHipster生成的webapp,所以它的UI端有AngularJS,图标的字体很赞。
我有几个页面显示的是表格中的数据,这些表格也支持对各种列进行排序。但是列头上显示的排序图标并不能很直观的判断出该列是升序还是降序。而且我觉得点击时也不会改变。
我如何才能把这些图标改成更好的东西,比如长长的向上箭头表示降序,长长的向下箭头表示升序.现在我在TH元素中使用以下代码
<th jhiSortBy="name"><span>Name</span> <fa-icon class="grid-icon" [icon]="'sort'"></fa-icon></th>
当你看到两个箭头的时候,说明该列是未排序的。如果你点击一列,你是根据该列升序或降序排序,你会看到只显示相应的向上指向或向下指向的箭头。它们确实是按照预定的方式工作的。
关于字体厉害的替代品,你可以访问 https:/web3canvas.comfont-awesome-alternatives。 或谷歌'字体真棒替代品'。
尼科斯