我必须维护大量的经典ASP页面,其中许多页面具有表格数据,根本没有排序功能。原始开发人员在数据库查询中使用的任何顺序都是您所坚持的。

我想在一堆这些页面上添加一些基本的排序,并且我正在使用javascript完成所有客户端。我已经完成了基本脚本,以便在给定方向上对给定列上的给定表进行排序,并且只要表受到我们在这里遵循的某些约定的限制,它就可以很好地工作。

我想为UI做的只是用插入符号(^)和指示排序方向。..什么?是否有一个与插入符号直接相反的特殊字符?那封信 v 不会完全削减它。或者,是否有另一个我可以使用的字符配对?

有帮助吗?

解决方案

有▲:▲ 和▼:▼

其他提示

别忘了 (逻辑和)和 (逻辑或)字符,那就是我用来指示排序方向的内容:HTML实体 &and; &<分别分别是href=“ http://www.fileformat.info/info/unicode/char/2228/index.htm” rel=“ noreferrer”> &or;

总有一个小写的“ v”。但是严重的是,除了Unicode外,我能找到的只是&darr,它看起来像↓。

一个倒置的绕圈被称为一个 卡隆, ,或者是哈契克。

它在TADS Latin-2扩展到HTML中有一个HTML实体: &caron; 看起来像这样:不幸的是,它的大小/比例与^插入符号不同。

或者你可以使用unicode U+30C.

一个强大的选项(同时还可以提高创造力)是使用箱形绘图字符来设计自己的字符

是否要向下指“插入符号”?这是一个:╲╱

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

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

˅˅˅Hǝɹǝ,sɯɐʇɔɥᴉuƃsǝʇ˙˅˅˅
strong 这是一个匹配集。 ˄˄˄

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

“实际大小”:˅˄˅˄
(更多信息)


编辑:另一个选项...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ Unicode#8897 / U + 22C1(信息 名为N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ Unicode#8896 / U + 22C0(信息 名为N-ARY LOGICAL AND

“实际大小”:⋁⋀⋁⋀

您也许可以使用黑色三角形,Unicode值U + 25b2和U + 25bc。或箭头U + 2191和U + 2193。

c#代码 通用标签

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

或者,您可以尝试使用Windows附带的“字符映射”实用程序,也可以尝试在此处中查找。

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

我下标大写并加粗了V。它可以完美工作(尽管需要一些努力,但需要重复进行)

语法: 通用标签

输出:
v

您可以考虑使用字体很棒,而不要使用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>

^ + shift产生的6(Caret-或Ascii Circumflex)似乎没有相反的Ascii,即Ascii倒转的Circumflex。

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

ˆ(Circumflex)遗传标记标签+遗传标记标签+遗传标记标签和
Car(Caron)遗传标记标签+遗传标记标签+遗传标记标签

来源: fileformat.info

没有倒置的插入符号,但是您可以使用CSS轻松旋转插入符号。这是一个看起来很完美的简单解决方案。按“运行代码段”查看其运行情况:

通用标签 通用标签

请注意以下...

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

U + 2304向下箭头,HTML格式为&#8964;

您可以使用document.write在跨度内绘制svg路径吗?跨度不是svg起作用所必需的,它只是确保svg保持与克拉旁边的任何文本保持一致。我使用margin-bottom在文本上垂直居中,但是可能还有另一种方法。这就是我在我的博客的侧面导航(减去js)上所做的事情。如果旁边没有文本,则不需要跨度或下距空白。 通用标签

如果您需要React Apps的字体很棒,那么反应图标是非常好的资源并且非常容易实现。它包含的库远远超过了字体真棒。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top