我必须维护大量经典的 ASP 页面，其中许多具有根本没有排序功能的表格数据。原始开发人员在数据库查询中使用的任何顺序都是您所坚持的。
我想对这些页面进行一些基本的排序，并且我正在使用javascript进行所有客户端操作。我已经完成了在给定方向上对给定列上的给定表格进行排序的基本脚本，只要表格受到我们在此处遵循的某些约定的限制，它就可以很好地工作。
我想为 UI 做的只是用插入符号 ( ^) 指示排序方向和......什么？是否有与插入符号直接相反的特殊字符？这封信v不会完全消除它。或者，我可以使用其他字符配对吗？
总是有一个小写的“v”。但说真的，除了 Unicode，我能找到的只有&darr，看起来像↓。
颠倒的抑扬符称为caron或 háček。
它在 HTML 的 TADS Latin-2 扩展中有一个 HTML 实体：ˇ看起来像这样：ˇ 不幸的是，它的大小/比例与 ^ 插入符号不同。
或者你可以使用 unicode U+30C。
˅˅˅ <strong>Hǝɹǝ,s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙ ˅˅˅<br> ˄˄˄ <strong>这是一个匹配集。˄˄˄</p>
“实际尺寸”：˅˄˅˄
<br>
（更多信息）
“真实大小”：⋁⋀⋁⋀
一个强大的选项 - 也可以提高创造力 - 是使用方框绘图字符设计您自己的角色。
想要一个向下指向的“插入符号”？这里有一个：╲╱
我最近发现了它们——我很高兴使用这种定制设计的字符来标记周围的东西:)。
您也许可以使用黑色三角形、Unicode 值 U+25b2 和 U+25bc。或者箭头，U+2191 和 U+2193。
c# 代码
int i = 0;
char c = '↑';
i = (int)c;
Console.WriteLine(i); // prints 8593
int j = 0;
char d = '↓';
j = (int)d;
Console.WriteLine(j); // prints 8595
您可能会考虑使用Font Awesome而不是使用 unicode 或其他图标
代码可以像（a）一样简单，包括令人敬畏的字体，例如<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">（b）制作一个按钮，例如<button><i class="fa fa-arrow-down"></i></button>
我做了下标大写和粗体V。它工作得很好（虽然需要一些努力，如果需要重复做的话）
句法：
<sub><strong>v</strong></sub>
输出：
v
^按shift+生成的(Caret - or Ascii Circumflex)6似乎没有相反的 Ascii，即 Ascii Inverted Circumflex。
但是对于也具有键盘组合的替代字符配对，您可以使用：
^ (Circumflex) shift+ alt+i和
ˇ (Caron) shift+ alt+t
没有倒置的插入符号，但您可以使用 CSS 轻松旋转插入符号。这是一个看起来很完美的简单解决方案。按“运行代码片段”以查看它的运行情况：
.upsidedown {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
}
.upsidedown.caret {
display: inline-block;
position:relative;
bottom: 0.15em;
}more items <span class="upsidedown caret">^</span>请注意以下事项...
U+2304 向下箭头，在 HTML 中为 ⌄
您可以使用 document.write 在跨度内绘制一个 svg 路径吗？svg 的工作不需要 span，它只是确保 svg 与 carat 旁边的任何文本保持内联。我使用 margin-bottom 将其与文本垂直居中，但可能还有另一种方法可以做到这一点。这就是我在博客侧导航（减去 js）上所做的。如果旁边没有文本，则不需要跨度或边距底部偏移。
<div id="ID"></div>
<script type="text/javascript">
var x = document.getElementById('ID');
// your "margin-bottom" is the negative of 1/2 of the font size (in this example the font size is 16px)
// change the "stroke=" to whatever color your font is too
x.innerHTML = document.write = '<span><svg style="margin-bottom: -8px; height: 30px; width: 25px;" viewBox="0,0,100,50"><path fill="transparent" stroke-width="4" stroke="black" d="M20 10 L50 40 L80 10"/></svg></span>';
</script>
如果您需要 React 应用程序的字体真棒，那么React 图标是一个非常好的资源并且非常容易实现。它包括更多的库，而不仅仅是 font-awesome。
所以我想要插入符号与 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>