我必须维护大量的经典ASP页面,其中许多都有表格数据,根本没有排序功能。无论数据库查询中使用的原始开发人员是什么顺序,都是您所坚持的。
我想对一些这些页面进行一些基本的排序,而我正在使用javascript完成所有客户端。我已经完成了基本脚本,以便在给定方向上对给定列的给定表进行排序,只要该表受到我们遵循的某些约定的限制,它就能正常工作。
我想为UI做的只是用插入符号(^)表示排序方向,然后......什么?是否有一个与插入符号直接相反的特殊字符?字母v
不会完全削减它。或者,我可以使用另一个角色配对吗?
答案 0 :(得分:391)
答案 1 :(得分:206)
答案 2 :(得分:55)
总是有一个小写的“v”。但严重的是,除了Unicode之外,我所能找到的只是&darr
,看起来像↓。
答案 3 :(得分:38)
颠倒的旋律被称为caron,或者是háček。
它在HTML的TADS Latin-2扩展中有一个HTML实体:ˇ
,如下所示:遗憾的是,它与^插入符号的大小/比例不同。
或者您可以使用unicode U+30C
。
答案 4 :(得分:15)
一个强大的选择 - 也可以增强创造力 - 是使用box drawing characters设计自己的角色。
想要一个向下指的"插入符号"?这是一个:╲╱
我最近发现了它们 - 我很高兴使用这些自定义设计的角色来标记周围的东西:)。
答案 5 :(得分:10)
您可以使用黑色三角形,Unicode值U + 25b2和U + 25bc。或箭头,U + 2191和U + 2193。
答案 6 :(得分:10)
˅˅˅Hǝɹǝ,sɐɐɯɐʇɔɥᴉƃǝʇ˅˅˅
这是匹配集。
“实际尺寸”:˅˄˅˄
的 <子> (more info) 子> 强>
“实际尺寸”:⋁⋀⋁⋀
答案 7 :(得分:8)
c#code
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
答案 8 :(得分:4)
我做了下标资本&amp;加粗V.它完美地工作(虽然需要一些努力,如果它需要重复完成)
语法:
<sub><strong>v</strong></sub>
输出:
<子>的 v 强> 子>
答案 9 :(得分:4)
答案 10 :(得分:3)
您可以考虑使用Font Awesome而不是使用unicode或其他图标
代码可以像(a)一样简单,包括font-awesome,例如<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>
答案 11 :(得分:2)
通过按^
+ shift
生成的6
(Caret - 或Ascii Circumflex),似乎没有Ascii相反,即Ascii Inverted Circumflex。
但是对于也有键盘组合的替代角色配对,您可以使用:
(Circumflex)shift
+ alt
+ i
和
(卡隆)shift
+ alt
+ t
答案 12 :(得分:2)
没有颠倒的插入符号,但您可以使用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>
请注意以下内容......
答案 13 :(得分:0)
你能用document.write在span中绘制一个svg路径吗? svg不需要跨度,它只是确保svg保持与克拉旁边的任何文本内联。我使用margin-bottom将文本垂直居中,可能还有另一种方法可以做到这一点。这就是我在my blog's side nav上所做的(减去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>
答案 14 :(得分:0)
U+2304 DOWN ARROWHEAD,HTML格式为&#8964;
答案 15 :(得分:0)
因此,我希望插入符与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>
答案 16 :(得分:-1)
如果您需要React Apps的字体很棒,那么React Icons是一个非常好的资源,并且非常容易实现。它包含了更多的库,而不仅仅是font-awesome。