我必须维护大量经典的ASP页面，其中许多页面都有表格数据，根本没有排序功能。无论原始开发人员在数据库查询中使用的顺序是什么，都将使您陷入困境。
我想给这些页面添加一些基本的排序，我用javascript在客户端完成。我已经完成了对给定列上的给定表按照给定方向进行排序的基本脚本，只要表受到我们在这里遵循的某些约定的限制，它就能很好地工作。
我想为UI做的是用插入符号(^)指明排序方向，然后。什么?是否有一个特殊的字符是与插入符号相反的?字母v不太合适。或者，是否有其他角色配对我可以使用?
当前回答
一个强大的选择——也是一个激发创造力的选择——就是用方框画的角色来设计你自己的角色。
想要一个向下的“插入符号”?这里有一个:╲╱
我最近发现了它们——我很高兴使用这种自定义设计的字符来标记周围的东西:)。
其他回答
所以我想要插入符号完全像OWA一样，所以我下载了office365icons。woff从的 https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff(必须登录才能做到，所以通过浏览器)，然后，从网站复制浓缩风格:
@font-face {
font-family: 'Office365Icons';
src: url('/fonts/office365icons.woff') format('woff');
font-weight: normal;
font-style: normal;
}
span.o-icon {
font-family: 'Office365Icons';
font-size: 14pt;
line-height: 21px;
color: #666;
}
最后:
<span class="o-icon"></span>
没有上下颠倒的插入符号，但是你可以很容易地用CSS旋转插入符号。这是一个看似完美的简单解决方案。按“运行代码片段”查看它的运行情况:
.upsidedown { 变换:旋转(180度); -webkit-transform:旋转(180度); -o-transform:旋转(180度); -ms-transform:旋转(180度); ｝ .upsidedown。插入符号{ 显示:inline-block; 位置:相对; 下:0.15 em; ｝ 更多条目<span class="颠倒插入号">^</span> .
请注意以下几点…
I did a little correction for the positioning of the caret, as it is normally high (thus low in the rotated version). You want to move it a little up. This 'little' is relative to the font-size, hence the 'em'. Depending on your font choice, you might want to fiddle with this to make it look good. This solution does not work in IE8. You should use a filter if you want IE8 support. IE8 support is not really required nor common in 2018. If you want to use this in combination with Twitter Bootstrap, please rename the class 'caret' to something else, like 'caret_down' (as it collides with a class name from Twitter Bootstrap).
不要忘记∧(逻辑和)和∨(逻辑或)字符，这是我用来表示排序方向的:HTML实体&和;&或;分别。
你可以使用黑色三角形，Unicode值U+25b2和U+25bc。或者箭头，U+2191和U+2193。
如果你需要React应用的字体，那么React Icons是一个非常好的资源，非常容易实现。它包含了很多库，而不仅仅是字体——太棒了。
