我必须维护大量经典的ASP页面，其中许多页面的表格数据完全没有排序功能。无论数据库查询中使用的原始开发人员是什么顺序，您都将受其束缚。

我想对这些页面进行一些基本的排序，而我正在使用javascript在所有客户端进行此操作。我已经完成了基本脚本，可以按照给定方向按给定方向对给定列上的给定表进行排序，并且只要表受此处遵循的某些约定限制，它就可以正常工作。

我要为用户界面做的只是用插入符号（^）指示排序方向，然后...什么？是否有与插入符号直接相反的特殊字符？这封信v不会完全削减。另外，还有其他可以配对的字符吗？

带有 ▲：＆＃9650; 和▼：＆＃9660;

不要忘记∧（逻辑和）和∨（逻辑或）字符，这就是我用来指示排序方向的字符：分别是HTML实体∧＆∨。

总会有一个小写的“ v”。但是说真的，除了Unicode，我所能找到的只是&darr↓。

颠倒的回旋曲被称为卡通或háček。

它在TADS Latin-2扩展HTML中具有HTML实体： ˇ看起来像这样：ˇ不幸的是，它没有以与^插入号相同的大小/比例显示。

或者您可以使用unicode U+30C。

˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅˅

 ˅˅˅  Hǝɹǝ，Sɐɯɐʇɔɥᴉuƃsǝʇ˙  ˅˅˅
 这里 的配套设置。 ˄˄˄

˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄˄

“实际大小” ：（˅˄˅˄  
_{更多信息）}

编辑：另一个选项...

named 命名为N-ARY LOGICAL OR的_{^{Unicode＃8897 / U + 22C1（info）}}

named 名为N-ARY LOGICAL AND的_{^{Unicode＃8896 / U + 22C0（info）}}

“真实大小”： ⋁⋀⋁⋀

一种功能强大的选择（同时也可以提高创造力）是使用方框绘图字符设计自己的字符。

想要向下的“插入符号”吗？一个：：╱

我最近发现了它们-我很高兴使用这样的自定义设计的字符来标记周围的所有东西:)。

您可能可以使用黑色三角形，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>

我会用几个小图像。也会看起来更好。

或者，您可以尝试使用Windows随附的Character Map实用程序或尝试在此处查看。

我看到的另一个解决方案是使用Wingdings字体作为符号。那有很多箭。

我下标大写和粗体V。它可以很好地工作（尽管需要花费一些精力，如果需要重复进行）

句法：

<sub><strong>v</strong></sub>

输出：
_v

^按下shift+ 产生的（Caret-或Ascii Circumflex）6似乎没有相反的Ascii，即Ascii反向Circumflex。

但是，对于具有键盘组合的替代字符配对，可以使用：

Circ（Circumflex）shift+ alt+ i和
ˇ（Caron）shift+ alt+t

资料来源：fileformat.info

没有倒置的插入符号，但是您可以使用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>

请注意以下事项...

• 我对插入符的位置做了一些校正，因为它通常较高（因此在旋转版本中较低）。您想将其向上移动一点。这个“小”与字体大小有关，因此与“ em”有关。根据您选择的字体，您可能想弄弄它以使其看起来不错。
• 此解决方案在IE8中不起作用。如果需要IE8，则应使用过滤器。IE8支持在2018年并不是必需的，也不是常见的。
• 如果要与Twitter Bootstrap结合使用，请将类“插入符”重命名为其他名称，例如“ caret_down”（因为它与Twitter Bootstrap的类名冲突）。

U + 2304向下箭头，HTML格式为＆＃8964;

您能否使用document.write在范围内绘制svg路径？跨度不是svg起作用所必需的，它只是确保svg保持与克拉旁边的任何文本保持一致。我使用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>

因此，我希望插入符号与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">&#xe088;</span>

如果您需要React Apps的字体很棒，那么React Icons是一个很好的资源并且非常容易实现。它包含的库​​远远超过字体真棒。