ฉันต้องรักษาหน้า ASP คลาสสิกจำนวนมากซึ่งส่วนใหญ่มีข้อมูลแบบตารางโดยไม่มีความสามารถในการเรียงลำดับเลย ไม่ว่าคุณจะเรียงลำดับนักพัฒนาดั้งเดิมที่ใช้ในการสืบค้นฐานข้อมูลก็ตาม

ฉันต้องการที่จะแก้ไขปัญหาการเรียงลำดับขั้นพื้นฐานไปยังหน้าเว็บเหล่านี้เป็นจำนวนมากและฉันกำลังดำเนินการกับไคลเอ็นต์ทั้งหมดด้วย javascript ฉันได้ทำสคริปต์พื้นฐานแล้วเพื่อเรียงลำดับตารางที่กำหนดในคอลัมน์ที่กำหนดในทิศทางที่กำหนดและทำงานได้ดีตราบใดที่ตารางนั้นถูก จำกัด โดยอนุสัญญาบางข้อที่เราติดตามมาที่นี่

สิ่งที่ฉันต้องการจะทำสำหรับ UI เพียงแค่ระบุทิศทางการจัดเรียงด้วยอักขระคาเร็ต (^) และ ... อะไร มีอักขระพิเศษที่ตรงข้ามกับคาเร็ตหรือไม่? จดหมายvไม่ได้ตัดเลย อีกวิธีหนึ่งมีการจับคู่อักขระอื่นที่ฉันสามารถใช้ได้หรือไม่

มี▲: & # 9650; และ▼: & # 9660;

อย่าลืมอักขระ∧(ตรรกะและ) และ∨(ตรรกะหรือ) นั่นคือสิ่งที่ฉันใช้เพื่อระบุทิศทางการเรียง: เอนทิตี HTML ∧& ∨ตามลำดับ

มีตัวอักษร "v" เป็นตัวพิมพ์เล็กเสมอ แต่อย่างจริงจังนอกเหนือจาก Unicode ทั้งหมดที่ฉันสามารถหาได้&darrคือซึ่งดูเหมือน↓

หมวกคว่ำ - ลงเรียกว่ารอนหรือháček

มีเอนทิตี HTML ในส่วนขยาย TADS Latin-2 เป็น HTML: ˇและมีลักษณะดังนี้: ˇ ซึ่งน่าเสียดายที่ไม่แสดงในขนาด / สัดส่วนเดียวกับ ^ คาเร็ต

U+30Cหรือคุณสามารถใช้ของ UNICODE

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

 ˅˅˅  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 หรือไอคอนอื่น ๆ

รหัสสามารถทำได้ง่ายเพียง (a) รวมถึงแบบอักษรที่ยอดเยี่ยมเช่น<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>

ฉันจะใช้รูปเล็ก ๆ สองรูป จะดูดีขึ้นด้วย

หรือคุณสามารถลองใช้ Character Map Utility ที่มาพร้อมกับ Windows หรือลองดูที่นี่ที่นี่

อีกวิธีที่ฉันเห็นคือใช้แบบอักษร Wingdings สำหรับสัญลักษณ์ ที่มีลูกศรจำนวนมาก

ฉันทำทุนตัวห้อย & ตัวหนา V. ทำงานได้อย่างสมบูรณ์ (แม้ว่าต้องใช้ความพยายามบ้างถ้าจำเป็นต้องทำซ้ำ)

ไวยากรณ์:

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

ผลลัพธ์:
_v

^(Caret - หรือ Ascii หมวก) ผลิตโดยการกด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>

โปรดทราบสิ่งต่อไปนี้ ...

• ฉันทำการแก้ไขเล็กน้อยสำหรับการวางตำแหน่งของคาเร็ตเนื่องจากปกติแล้วสูง (ต่ำในเวอร์ชั่นที่หมุน) คุณต้องการเลื่อนขึ้นเล็กน้อย นี่ 'น้อย' สัมพันธ์กับขนาดตัวอักษรดังนั้น 'em' ขึ้นอยู่กับตัวเลือกแบบอักษรของคุณคุณอาจต้องการทำเช่นนี้เพื่อให้ดูดี
• วิธีนี้ไม่ทำงานใน IE8 คุณควรใช้ตัวกรองหากคุณต้องการรองรับ IE8 การสนับสนุน IE8 นั้นไม่จำเป็นจริงๆหรือไม่เป็นเรื่องปกติในปี 2018
• หากคุณต้องการใช้สิ่งนี้ร่วมกับ Twitter Bootstrap โปรดเปลี่ยนชื่อคลาส 'caret' เป็นอย่างอื่นเช่น 'caret_down' (เนื่องจากขัดแย้งกับชื่อคลาสจาก Bootstrap ของ Twitter)

U + 2304 ลูกศรลง , เป็น HTML & # 8964;

คุณสามารถวาดเส้นทาง svg ภายในช่วงโดยใช้ document.write ได้หรือไม่? การขยายไม่จำเป็นต้องใช้สำหรับ svg ในการทำงาน แต่เพียงตรวจสอบให้แน่ใจว่า svg ยังคงสอดคล้องกับข้อความใด ๆ ที่กะรัตอยู่ติดกับ ฉันใช้มาร์จิ้นล่างเพื่อจัดกึ่งกลางแนวตั้งด้วยข้อความอาจมีวิธีอื่นในการทำเช่นนั้น นี่คือสิ่งที่ฉันทำในการนำทางด้านบล็อกของฉัน (ลบ 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เป็นทรัพยากรที่ดีมากและใช้งานง่าย มันมีห้องสมุดมากกว่าตัวอักษรที่ยอดเยี่ยม