All of our sortable headers will ha

All of our sortable headers will have a class of sortable, and the hover modifier in CSS makes it emulate a hyperlink for users. We also are taking advantage of
the CSS class we mentioned about sorted-asc and sorted-desc so that we can show the user the current column that is sorting the table. I didn't include it but
this would be a good place to put background images of arrows pointing up and down as a further visual cue to the user. Now we move on the JavaScript code and the
complexity of sorting, thankfully made easier with jQuery. The code below belongs in the ready() function we started way back at the beginning. Placing this right
above the end of the function is best.

ผลลัพธ์ (ไทย) 1:

หัวเรียงของเราทั้งหมดจะมีชั้นของเรียง และตัวปรับเปลี่ยนการวางเมาส์ใน CSS ทำให้เลียนแบบการเชื่อมโยงสำหรับผู้ใช้ เราจะใช้ประโยชน์จากคลา CSS ที่เรากล่าวถึงเกี่ยวกับการเรียงลำดับ asc และ desc เรียงลำดับเพื่อให้เราสามารถแสดงให้ผู้ใช้ปัจจุบันคอลัมน์ที่จะเรียงลำดับตาราง ไม่ได้รวมไว้ แต่นี้จะเป็นดีสำหรับการใส่ภาพพื้นหลังของลูกศรชี้ขึ้นและลงเป็นสัญลักษณ์ภาพเพิ่มเติมให้กับผู้ใช้ ตอนนี้เราย้ายที่โค้ด JavaScript และความซับซ้อนของการเรียงลำดับ โชคดีทำง่าย ด้วย jQuery โค้ดด้านล่างอยู่ในฟังก์ชัน ready() เราเริ่มกลับไปที่จุดเริ่มต้น วางด้านขวานี้เหนือจุดสิ้นสุดของการทำงานสุด

ผลลัพธ์ (ไทย) 2:

ทั้งหมดของส่วนหัวของการจัดเรียงของเราจะมีระดับของการจัดเรียงและปรับโฉบใน CSS ทำให้เลียนแบบเชื่อมโยงหลายมิติสำหรับผู้ใช้ นอกจากนี้เรายังมีการใช้ประโยชน์ของ
คลาส CSS ที่เรากล่าวถึงเกี่ยวกับการเรียง-ASC และจัดเรียง-รายละเอียดเพื่อให้เราสามารถแสดงให้ผู้ใช้คอลัมน์ปัจจุบันที่มีการเรียงลำดับตาราง ผมไม่ได้รวมไว้ แต่
นี้จะเป็นสถานที่ที่ดีที่จะนำภาพพื้นหลังของลูกศรชี้ขึ้นและลงเป็นคิวภาพเพิ่มเติมให้กับผู้ใช้ ตอนนี้เราย้ายรหัส JavaScript และ
ความซับซ้อนของการเรียงลำดับโชคดีที่ทำง่ายขึ้นด้วย jQuery โค้ดข้างล่างนี้อยู่ในพร้อมฟังก์ชัน () เราทางกลับเริ่มต้นที่จุดเริ่มต้น วางสิทธินี้
เหนือตอนท้ายของฟังก์ชั่นที่ดีที่สุดคือ

ผลลัพธ์ (ไทย) 3:

ทั้งหมดของหัวข้อเรียงของเราจะต้องมีห้องเรียงและโฉบคำขยายใน CSS มันเลียนแบบเชื่อมโยงหลายมิติสำหรับผู้ใช้ เราก็จะได้ประโยชน์จากCSS Class เราพูดถึงเรียง ASC เรียง เรียง และเพื่อให้เราสามารถแสดงให้ผู้ใช้คอลัมน์ปัจจุบันที่เป็นตารางเรียงลำดับ ผมไม่ได้รวมไว้ แต่นี้จะเป็นสถานที่ที่ดีที่จะใส่ภาพพื้นหลังลูกศรชี้ขึ้นและลงเป็นคิวภาพเพิ่มเติมให้กับผู้ใช้ ตอนนี้เราย้ายในรหัส JavaScript และความซับซ้อนของการจัดเรียงที่ทำง่ายขึ้นด้วย jQuery โค้ดด้านล่างเป็นฟังก์ชัน ready() เราเริ่มกลับมาที่จุดเริ่มต้น การวางขวาเหนือสุดของฟังก์ชัน เป็นดีที่สุด