Ich muss eine große Anzahl klassischer ASP-Seiten pflegen, von denen viele tabellarische Daten ohne Sortierfunktionen enthalten. Unabhängig von der Reihenfolge, in der der ursprüngliche Entwickler die Datenbankabfrage verwendet hat, bleibt die Reihenfolge bestehen.

Ich möchte einige dieser Seiten grundlegend sortieren, und ich mache alles clientseitig mit Javascript. Ich habe bereits das grundlegende Skript erstellt, um eine bestimmte Tabelle in einer bestimmten Spalte in eine bestimmte Richtung zu sortieren, und es funktioniert gut, solange die Tabelle durch bestimmte Konventionen begrenzt ist, die wir hier befolgen.

Was ich für die Benutzeroberfläche tun möchte, ist nur die Sortierrichtung mit dem Caret-Zeichen (^) anzugeben und ... was? Gibt es einen besonderen Charakter, der das direkte Gegenteil eines Carets ist? Der Brief vwird es nicht ganz schneiden. Gibt es alternativ eine andere Zeichenpaarung, die ich verwenden kann?

Es gibt ▲: & # 9650; und ▼: & # 9660;

Vergessen Sie nicht die ∧(logischen und) und ∨(logischen oder) Zeichen, das ist es, was ich für die Angabe der Sortierrichtung verwende: HTML-Entitäten ∧& ∨.

Es gibt immer ein Kleinbuchstaben "v". Aber im Ernst, abgesehen von Unicode, wäre alles &darr, was ich finden kann , was wie ↓ aussieht.

Ein umgedrehter Zirkumflex wird Caron oder Háček genannt .

Es hat eine HTML-Entität in der TADS Latin-2-Erweiterung zu HTML: ˇund sieht folgendermaßen aus: ˇ, die leider nicht in der gleichen Größe / Proportion wie das ^ caret angezeigt wird.

Oder Sie können den Unicode verwenden U+30C.

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

 ˅˅˅  Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙  ˅˅˅
 hier  ein passendes Set.  ˄˄˄

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

"Tatsächliche Größe": ˅˄˅˄  
_{(weitere Informationen)}

Bearbeiten: Eine weitere Option ...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ _{^{Unicode # 8897 / U + 22C1 ( Info ) mit dem}} Namen N-ARY LOGICAL OR

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ _{^{Unicode # 8896 / U + 22C0 ( Info ) mit dem}} Namen N-ARY LOGICAL AND

"Tatsächliche Größe": ⋁⋀⋁⋀

Eine leistungsstarke Option - und eine, die auch die Kreativität fördert - ist das Entwerfen eigener Charaktere mithilfe von Boxzeichen .

Willst du ein nach unten zeigendes "Caret"? Hier ist eine: ╲╱

Ich habe sie kürzlich entdeckt - und es macht mir große Freude, solche individuell gestalteten Zeichen zum Beschriften von Dingen zu verwenden :).

Möglicherweise können Sie die schwarzen Dreiecke, Unicode-Werte U + 25b2 und U + 25bc verwenden. Oder die Pfeile U + 2191 und U + 2193.

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

Sie können auch Font Awesome verwenden, anstatt den Unicode oder andere Symbole zu verwenden

Der Code kann so einfach sein wie (a) einschließlich font-awesome, z. B. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">(b) Erstellen einer Schaltfläche wie<button><i class="fa fa-arrow-down"></i></button>

Ich würde ein paar winzige Bilder verwenden. Würde auch besser aussehen.

Alternativ können Sie das mit Windows gelieferte Character Map-Dienstprogramm ausprobieren oder hier suchen .

Eine andere Lösung, die ich gesehen habe, ist die Verwendung der Wingdings-Schriftart für Symbole. Das hat viele Pfeile.

Ich habe tiefgestelltes Kapital und fettgedrucktes V verwendet. Es funktioniert perfekt (obwohl es einige Mühe kostet, wenn es wiederholt durchgeführt werden muss).

Syntax:

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

Ausgabe:
_v

Der ^(Caret - oder Ascii Circumflex), der durch Drücken von shift+ erzeugt wird 6, scheint kein Ascii-Gegenteil zu haben, nämlich einen Ascii Inverted Circumflex.

Für Ihre alternative Zeichenpaarung mit Tastaturkombinationen können Sie jedoch Folgendes verwenden:

ˆ (Circumflex) shift+ alt+ iund
ˇ (Caron) shift+ alt+t

Quelle: fileformat.info

Es gibt keinen verkehrten Caret-Charakter, aber Sie können das Caret einfach mit CSS drehen. Dies ist eine einfache Lösung, die perfekt aussieht. Klicken Sie auf "Code-Snippet ausführen", um es in Aktion zu sehen:

.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>

Bitte beachten Sie Folgendes ...

• Ich habe eine kleine Korrektur für die Positionierung des Carets vorgenommen, da es normalerweise hoch ist (also niedrig in der gedrehten Version). Sie möchten es ein wenig nach oben bewegen. Dieses 'kleine' ist relativ zur Schriftgröße, daher das 'em'. Abhängig von Ihrer Schriftart möchten Sie vielleicht damit herumspielen, damit es gut aussieht.
• Diese Lösung funktioniert nicht in IE8. Sie sollten einen Filter verwenden, wenn Sie IE8-Unterstützung wünschen. IE8-Unterstützung ist im Jahr 2018 weder wirklich erforderlich noch üblich.
• Wenn Sie dies in Kombination mit Twitter Bootstrap verwenden möchten, benennen Sie die Klasse 'caret' in etwas anderes um, z. B. 'caret_down' (da sie mit einem Klassennamen von Twitter Bootstrap kollidiert).

U + 2304 DOWN ARROWHEAD , in HTML als & # 8964;

Könnten Sie mit document.write einfach einen SVG-Pfad innerhalb eines Bereichs zeichnen? Die Spanne ist nicht erforderlich, damit die SVG funktioniert. Sie stellt lediglich sicher, dass die SVG mit dem Text übereinstimmt, neben dem sich das Karat befindet. Ich habe Rand-unten verwendet, um ihn vertikal mit dem Text zu zentrieren. Es könnte jedoch auch eine andere Möglichkeit geben, dies zu tun. Dies ist, was ich auf der Seite Navi meines Blogs getan habe (abzüglich der js). Wenn Sie keinen Text daneben haben, benötigen Sie weder die Spanne noch den Rand-Boden-Versatz.

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

Also habe ich den Cursor genau wie in OWA wollte, so dass ich heruntergeladen office365icons.woffvon https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woff(müssen angemeldet sein , es zu tun, so tat es durch Browser) und dann das Kopieren der gekochten-Down - Stil von der Website:

  @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;
  }

Und schlussendlich:

<span class="o-icon">&#xe088;</span>

Wenn Sie für React Apps eine großartige Schrift benötigen, ist React Icons eine sehr gute Ressource und sehr einfach zu implementieren. Es enthält viel mehr Bibliotheken als nur großartige Schriften.