古典的なASPページを多数維持する必要があります。その多くは、並べ替え機能のない表形式のデータを持っています。元の開発者がデータベースクエリで使用した順序は、何にでも対応できます。

これらのページの束への基本的な並べ替えに取り組みたいのですが、すべてJavaScriptでクライアント側で実行しています。特定の列の特定のテーブルを特定の方向に並べ替えるための基本的なスクリプトを既に作成しましたが、ここで使用する特定の規則によってテーブルが制限されている限り、問題なく機能します。

UIに対して実行したいのは、キャレット文字（^）でソート方向を示すことだけです... キャレットの正反対の特殊文字はありますか？手紙vはそれを完全にカットしません。または、使用できる別の文字の組み合わせはありますか？

▲あります：＆＃9650; および▼：＆＃9660;

∧（論理and）と∨（論理or）の文字を忘れないでください。これは、ソートの方向を示すために使用するものです。それぞれHTMLエンティティー∧＆∨です。

常に小文字の "v"があります。しかし真剣に、Unicodeを除いて、私が見つけることができるの&darrは↓のようになるだけです。

逆さまのサーカムフレックスは、caronまたはháček と呼ばれます。

HTMLのTADS Latin-2拡張にHTMLエンティティがありˇ、次のように表示されます：ˇ残念ながら、^キャレットと同じサイズ/比率で表示されません。

または、ユニコードを使用できますU+30C。

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

 ˅˅˅  Hǝɹǝ、Sɐɯɐʇɔɥᴉuƃsǝʇ˙  ˅˅˅
 ここで マッチングセットです。

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

「実際のサイズ」：（˅˄˅˄  
_詳細）

編集：別のオプション...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁Unicode _{^{＃8897 / U + 22C1（info）}}という名前のN-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀Unicode _{^{＃8896 / U + 22C0（info）}}という名前の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やその他のアイコンを使用する代わりに、

コードは、（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>

小さな画像をいくつか使用します。見栄えもよくなるでしょう。

または、Windowsに付属の文字マップユーティリティを試すか、こちらをご覧ください。

私が見た別の解決策は、シンボルにWingdingsフォントを使用することです。それにはたくさんの矢印があります。

下付きの大文字と太字のVを使用しました。完全に機能します（ただし、繰り返し実行する必要がある場合は、多少の労力が必要です）。

構文：

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

出力：
_v

^押すことによって製造さ、 - （またはASCIIハットキャレット）shift+6、アスキーの反対、つまりアスキー逆ハットを有するように思われません。

しかし、キーボードの組み合わせもある代替の文字ペアの場合は、以下を使用できます。

ˆ（サーカムフレックス）shift+ alt+ iおよび
ˇ（キャロン）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のサポートが必要な場合は、フィルターを使用する必要があります。2018年には、IE8のサポートは実際には必要なく、一般的でもありません。
• これをTwitter Bootstrapと組み合わせて使用​​する場合は、クラスの名前を 'caret'から '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（ダウンロードするにはブラウザーからログインする必要があります）からダウンロードし 、煮詰めたスタイルをWebサイトからコピーしました。

  @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にfont-awesomeが必要な場合、React Iconsは非常に優れたリソースであり、実装が非常に簡単です。font-awesome以外にも多くのライブラリが含まれています。