Я должен поддерживать большое количество классических ASP-страниц, многие из которых имеют табличные данные без каких-либо возможностей сортировки. Какой бы порядок не использовал исходный разработчик в запросе к базе данных, это то, с чем вы застряли.

Я хочу использовать некоторые базовые функции сортировки для нескольких страниц, и я делаю все это на стороне клиента с помощью JavaScript. У меня уже есть базовый сценарий для сортировки заданной таблицы по заданному столбцу в заданном направлении, и он работает хорошо, пока таблица ограничена определенными соглашениями, которым мы следуем здесь.

Что я хочу сделать для пользовательского интерфейса, это просто указать направление сортировки с помощью символа вставки (^) и ... что? Есть ли специальный персонаж, который прямо противоположен карету? Письмо vне совсем разрезает его. В качестве альтернативы, можно ли использовать другое сочетание символов?

Есть ▲: & # 9650; и ▼: & # 9660;

Не забудьте ∧(логические и) и ∨(логические или) символы, это то, что я использую для указания направления сортировки: HTML-сущности ∧и ∨соответственно.

Всегда есть строчная буква "v". А если серьезно, кроме Unicode, все, что я могу найти, было бы &darr, что выглядит как ↓.

Перевернутый круговой оборот называется Caron или хачеком.

Он имеет HTML-сущность в расширении TADS Latin-2 для HTML: ˇи выглядит следующим образом: ˇ который, к сожалению, не отображается в том же размере / пропорции, что и ^ Caret.

Или вы можете использовать Unicode U+30C.

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

 ˅˅˅  Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙  ˅˅˅
 Вот  набор соответствия.

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

«Фактический размер»: ˅˄˅˄  
_{(подробнее)}

Изменить: еще один вариант ...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ _{^{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 #

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 или других значков.

Код может быть таким простым, как (а), включая великолепный шрифт, например <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">(б) создание кнопки, такой как<button><i class="fa fa-arrow-down"></i></button>

Я бы использовал пару крошечных изображений. Будет выглядеть лучше.

Кроме того, вы можете попробовать утилиту Character Map, которая поставляется с Windows, или посмотреть здесь .

Другое решение, которое я видел, - это использование шрифта Wingdings для символов. Это имеет много стрел.

Я сделал подстрочный и выделенный жирным шрифтом V. Он отлично работает (хотя это требует некоторых усилий, если это нужно делать многократно)

Синтаксис:

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

Выход:
_v

The ^(Caret - или Ascii Circumflex), произведенный нажатием shift+6 , как представляется , не имеет Ascii противоположного, а именно ASCII - Inverted циркумфлекс.

Но для альтернативного сочетания символов, в котором также есть комбинации клавиш, вы можете использовать:

ˆ (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>

Пожалуйста, обратите внимание на следующее ...

• Я внес небольшую поправку в положение каретки, поскольку она обычно высокая (таким образом, низкая в повернутой версии). Вы хотите переместить это немного вверх. Это «маленький» относится к размеру шрифта, следовательно, «их». В зависимости от вашего выбора шрифта, вы можете захотеть поиграть с этим, чтобы он выглядел хорошо.
• Это решение не работает в IE8. Вы должны использовать фильтр, если вы хотите поддержку IE8. Поддержка IE8 на самом деле не требуется и не распространена в 2018 году.
• Если вы хотите использовать это в сочетании с Twitter Bootstrap, переименуйте класс 'caret' во что-то еще, например 'caret_down' (так как он сталкивается с именем класса из Twitter Bootstrap).

U + 2304 СТРЕЛКА ВНИЗ , в HTML как & # 8964;

Не могли бы вы просто нарисовать путь SVG внутри span, используя document.write? Промежуток не требуется для работы 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, то React Icons - это очень хороший ресурс, который очень легко внедрить. Он включает в себя намного больше библиотек, чем просто потрясающий шрифт.