Gibt es einen verkehrten Pflegecharakter?

Question

Ich muss eine große Anzahl klassischer ASP -Seiten beibehalten, von denen viele tabellarische Daten ohne Sortierfunktionen haben. Unabhängig von der Reihenfolge, in der der ursprüngliche Entwickler in der Datenbankabfrage verwendet wird, ist das, mit dem Sie festhalten.

Ich möchte eine grundlegende Sortierung auf ein Haufen dieser Seiten angehen, und ich mache alles Client -Seite mit JavaScript. Ich habe bereits das grundlegende Skript durchgeführt, 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, denen wir hier folgen.

Was ich für die Benutzeroberfläche tun möchte, ist nur die Sortierrichtung mit dem Caret -Charakter ( ^) und ... was? Gibt es einen besonderen Charakter, der das direkte Gegenteil einer Pflege ist? Der Buchstabe v Ich werde es nicht ganz schneiden. Gibt es eine weitere Charakterkarte, die ich verwenden kann?

Answer 1

Es gibt ▲: ▲ und ▼: ▼

Answer 2

Vergiss nicht das ∧ (logisch und) und ∨ (logische oder) Zeichen, das verwende ich, um die Sortierrichtung anzuzeigen: HTML -Entitäten ∧ & ∨ beziehungsweise.

Answer 3

Es gibt immer ein Kleinbuchstaben "V". Aber im Ernst, abgesehen von Unicode kann ich nur noch finden, wäre &darr, das sieht aus wie ↓.

Answer 4

Ein verkehrtes Zirkumflex wird a genannt Caron, oder ein Háček.

Es hat eine HTML-Entität in der Tads Latin-2-Erweiterung zu HTML: ˇ Und sieht so aus: ˇ, was leider nicht in der gleichen Größe/Proportion wie die ^ Pflege angezeigt wird.

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

Answer 5

Eine leistungsstarke Option - und eine, die auch die Kreativität steigert - besteht darin, Ihre eigenen Charaktere mithilfe zu entwerfen Box Zeichnungszeichen.

Willst du einen Down -Zeigen "Caret"? Hier ist eins: ╲╱

Ich habe sie kürzlich entdeckt - und ich freue mich sehr, solche benutzerdefinierten Charaktere für das Kennzeichnen von Dingen rundum zu verwenden :).

Answer 6

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

 ˅˅˅ Hǝɹǝ, S ɐ ɯɐʇɔɥᴉuƃ Sǝʇ˙ ˅˅˅
 ˄˄˄ Hier ist ein passendes Set. ˄˄˄

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

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

---

Bearbeiten: Andere Option...

⋁⋁⋁⋁⋁⋁⋁⋁⋁⋁ _{^{Unicode #8897 / U+22C1 (die Info)}} namens n-Ary logisch oder

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ _{^{Unicode #8896 / U+22C0 (die Info)}} namens N-Ary logisch und

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

Answer 7

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

Answer 8

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

Answer 9

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

Alternativ können Sie das mit Windows gelieferte Charakterkarten -Dienstprogramm ausprobieren oder versuchen hier.

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

Answer 10

Ich habe ein Einweis Capital & fett geführt.

Syntax:

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

Ausgabe:
_v

Answer 11

Sie könnten in Betracht ziehen, zu verwenden Schriftart großartig Anstatt die Unicode oder andere Symbole zu verwenden

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

Answer 12

Das ^ (Caret - oder ASCII -Zirkumflex), erzeugt durch Pressen shift + 6, scheint kein ASCII -Gegenteil zu haben, nämlich einen ASCII -umgekehrten Zirkumflex.

Für Ihre alternative Charakterpaarung, die auch Tastaturkombinationen aufweist, können Sie verwenden:

ˆ (circumflex) shift + alt + i und
ˇ (Caron) shift + alt + t

Quelle: Dateiformat.info

Answer 13

Es gibt keinen verkehrten Pflegecharakter, aber Sie können das Pfarr leicht mit CSS drehen. Dies ist eine einfache Lösung, die perfekt aussieht. Drücken Sie 'Run Code Snippet', 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 die folgenden ...

• Ich habe eine kleine Korrektur für die Positionierung der Pflege durchgeführt, da sie 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 die "sie". Abhängig von Ihrer Schriftauswahl möchten Sie vielleicht mit diesem Spiel 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 nicht wirklich erforderlich.
• Wenn Sie dies in Kombination mit Twitter Bootstrap verwenden möchten, benennen Sie bitte die Klasse 'Caret' in etwas anderes um, wie 'careT_down' (wie es mit einem Klassennamen von Twitter Bootstrap kollidiert).

Answer 14

U+2304 Pfeilspitze, in html als ⌄

Answer 15

Könnten Sie einfach einen SVG -Pfad in einer Spannweite mit document.write zeichnen? Die Spannweite ist nicht erforderlich, damit die SVG funktioniert, sondern stellt nur sicher, dass die SVG mit dem Text, in dem sich der Karat befindet. Ich habe Randboden verwendet, um es vertikal mit dem Text zu zentrieren. Es könnte jedoch eine andere Möglichkeit geben, dies zu tun. Das habe ich gemacht Die Nebennave meines Blogs (abzüglich der JS). Wenn Sie keinen Text daneben haben, benötigen Sie weder die Spannweite noch den Randbodenversatz.

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

Answer 16

Wenn Sie eine Schriftart für React-Apps benötigen Reagieren Ikonen ist eine sehr gute Ressource und sehr einfach zu implementieren. Es enthält viel mehr Bibliotheken als nur eine Schriftart.