我必须维护大量经典的ASP页面,其中许多页面都有表格数据,根本没有排序功能。无论原始开发人员在数据库查询中使用的顺序是什么,都将使您陷入困境。

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

我想为UI做的是用插入符号(^)指明排序方向,然后。什么?是否有一个特殊的字符是与插入符号相反的?字母v不太合适。或者,是否有其他角色配对我可以使用?


当前回答

不要忘记∧(逻辑和)和∨(逻辑或)字符,这是我用来表示排序方向的:HTML实体&和;&或;分别。

其他回答

有▲:▲▼:▼

没有上下颠倒的插入符号,但是你可以很容易地用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).

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

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

你可以考虑使用字体Awesome,而不是使用unicode或其他图标

代码可以像(a)一样简单,包括字体很棒,例如<链接rel="样式表" 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>