Birçoğu hiç sıralama yeteneği ile tablo verileri olan çok sayıda klasik ASP sayfası korumak zorunda. Veritabanı sorgusunda kullanılan orijinal geliştiricinin siparişi ne olursa olsun, takıldığınız şeydir.

Bu sayfaların bir demet bazı temel sıralama tack istiyorum ve ben tüm istemci tarafı javascript ile yapıyorum. Zaten belirli bir yönde belirli bir sütunda belirli bir tabloyu sıralamak için yapılan temel komut dosyası var ve tablo burada izlediğimiz belirli kurallar ile sınırlı olduğu sürece iyi çalışır.

UI için ne yapmak istiyorum sadece düzeltme karakteri (^) ile sıralama yönünü belirtmek ve ... ne? Bir düzeltme kodunun tam tersi olan özel bir karakter var mı? Mektup vtam olarak kesmeyecek. Alternatif olarak, kullanabileceğim başka bir karakter eşlemesi var mı?

▲ var: & # 9650; ve ▼: & # 9660;

Unutma ∧(mantıksal ve) ve ∨HTML öğelerini: Bir çeşit yönünü belirtmek için kullandığım şey olduğunu, (mantıksal veya) karakterleri ∧ve ∨sırasıyla.

Her zaman küçük bir "v" vardır. Ama cidden, Unicode dışında bulabildiğim tek şey &darr↓ gibi görünüyor.

Baş aşağı sirkumfleks caron veya háček olarak adlandırılır.

HTML: TADS Latin-2 uzantısında bir HTML varlığı vardır ˇve şöyle görünür: ˇ maalesef ^ işaretiyle aynı boyutta / oranda görüntülenmez.

Veya unicode'u kullanabilirsiniz U+30C.

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

 ˅˅˅  Hǝɹǝ, s ɐ ɯɐʇɔɥᴉuƃ sǝʇ˙  ˅˅˅
 Burada  eşleşen bir takımı.

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

"Gerçek boyut": ˅˄˅˄  
_{(daha fazla bilgi)}

Düzenle: Başka Bir Seçenek ...

İco _{^{Unicode # 8897 / U + 22C1 ( bilgi )}} , N-ARY LOGICAL OR adlı

⋀⋀⋀⋀⋀⋀⋀⋀⋀⋀ N-ARY LOGICAL AND adlı _{^{Unicode # 8896 / U + 22C0 ( bilgi )}}

"Gerçek boyutu": ⋁⋀⋁⋀

Güçlü bir seçenek - ve aynı zamanda yaratıcılığı da artıran - kutu çizim karakterlerini kullanarak kendi karakterlerinizi tasarlamaktır .

Aşağı dönük "şapka" ister misiniz? İşte bir tane: ╲╱

Son zamanlarda onları keşfettim - ve her şeyi etiketlemek için bu tür özel tasarlanmış karakterleri kullanmaktan büyük memnuniyet duyuyorum :).

Siyah üçgenleri, Unicode değerleri U + 25b2 ve U + 25bc'yi kullanabilirsiniz. Veya oklar, U + 2191 ve U + 2193.

c # kodu

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

Unicode veya diğer simgeleri kullanmak yerine Font Awesome kullanmayı düşünebilirsiniz

Kod, (a) gibi harika yazı tipi de dahil olmak üzere basit olabilir <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>

Birkaç küçük resim kullanırdım. Çok daha iyi görünecekti.

Alternatif olarak, Windows ile birlikte gelen Karakter Eşlem yardımcı programını deneyebilir veya buraya bakmayı deneyebilirsiniz .

Gördüğüm başka bir çözüm de Wingdings yazı tipini semboller için kullanmak. Çok fazla ok var.

Abonelik sermayesi yaptım ve cesur V yaptım. Mükemmel çalışıyor (tekrar tekrar yapılması gerekiyorsa, biraz çaba gerektiriyor)

Sözdizimi:

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

Çıktı:
_v

^(Kontrol dizisi - veya ASCII Sirkumfleks), presleme ile üretilen shift+6 , bir ASCII karşısında, yani bir ASCII Ters inceltme sahip görünmemektedir.

Ancak, klavye kombinasyonları da içeren alternatif karakter eşleştirmeniz için şunları kullanabilirsiniz:

ˆ (Sirkumfleks) shift+ alt+ ive
ˇ (Caron) shift+alt +t

Kaynak: fileformat.info

Baş aşağı caret karakteri yoktur, ancak careti CSS ile kolayca döndürebilirsiniz. Bu mükemmel görünen basit bir çözümdür. Çalışırken görmek için 'Kod snippet'ini çalıştır' düğmesine basın:

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

Lütfen aşağıdakilere dikkat edin ...

• Normalde yüksek (döndürülmüş versiyonda düşük) olduğu için, kulaklığın konumlandırılması için küçük bir düzeltme yaptım. Biraz yukarı taşımak istiyorsun. Bu 'küçük' yazı tipi boyutuna göreli, dolayısıyla 'em'. Yazı tipi seçiminize bağlı olarak, iyi görünmesi için bununla uğraşmak isteyebilirsiniz.
• Bu çözüm IE8'de çalışmaz. IE8 desteği istiyorsanız bir filtre kullanmalısınız. IE8 desteği 2018'de gerçekten gerekli değildir veya yaygın değildir.
• Bunu Twitter Bootstrap ile birlikte kullanmak istiyorsanız, lütfen 'caret' sınıfını 'caret_down' gibi başka bir adla yeniden adlandırın (Twitter Bootstrap'tan bir sınıf adıyla çarpıştığından).

U + 2304 AŞAĞI OK , HTML olarak & # 8964;

Document.write komutunu kullanarak bir yayılma alanının içine bir svg yolu çizebilir misiniz? Svg'nin çalışması için açıklık gerekli değildir, sadece svg'nin karatın yanındaki metinle aynı satırda kalmasını sağlar. Metinle dikey olarak ortalamak için kenar boşluğu kullandım, bunu yapmanın başka bir yolu olabilir. Bu benim blogun yan nav (eksi js) yaptım . Yanında metin yoksa, açıklığa veya kenar boşluğu ofsetine ihtiyacınız olmaz.

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

Ben tam OWA'DA olarak şapka istedi Yani, indirilen bu yüzden office365icons.woffgelen https://owa.example.com/owa/prem/15.1.1913.10/resources/styles/fonts/office365icons.woffve (böylece tarayıcısı üzerinden yaptım, bunu yapmak için giriş yapmanız gerekir) daha sonra, kopyalama haşlanmış aşağı web sitesinden tarzı:

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

Ve sonunda:

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

React Apps için harika yazı tipine ihtiyacınız varsa React Icons çok iyi bir kaynaktır ve uygulanması çok kolaydır. Sadece font-awesome'den çok daha fazla kütüphane içerir.