การจัดเรียงข้อมูลในตาราง (Sort Table) ด้วย Dreamweaver [Article ID : 12]

บางครั้งการจัดทำข้อมูลในเว็บเพจของเรา อาจจะเคยต้องมีการนำข้อมูลแสดงผลโดยใช้ตาราง และเพื่อจะให้ผู้เยี่ยมชมเว็บสามารถมองหาข้อมูลได้ง่ายขึ้น เราอาจจะต้องมีการจัดเรียงข้อมูลในตารางเสียใหม่ โดยมีการให้เรียงตามตัวอักษร A-Z หรือ 1-2-3-...
...ซึ่งถ้าเราต้องทำการพิมพ์หรือย้ายข้อมูลใหม่ ให้มีการจัดเรียงข้อมูลลักษณะดังกล่าว คงจะใช้เวลาไม่น้อยเลยทีเดียว แต่ถ้าเราใช้โปรแกรม Dreamweaver ในการพัฒนาเว็บไซต์อยู่แล้ว ก็ไม่ยากครับ เพราะโปรแกรมมีเมนูที่จะช่วยเหลือเราในเรื่องนี้ ดังนี้

ก่อนอื่นภายในเว็บเพจต้องมีการสร้างตาราง และในตารางนั้นต้องมีข้อมูลในตารางก่อนครับ ดังรูป

กำหนดเงื่อนไข

เมื่อเราต้องการจัดเรียงข้อมูลในตาราง เราต้องทำการกำหนดเงื่อนไขที่จะใช้ในการจัดเรียงขึ้นมาเสียก่อน
ตัวอย่างเช่น
ตารางข้างต้นเป็นตารางที่ต้องการจะจัดเรียงข้อมูลใหม่ โดยต้องการจัดเรียง ดังนี้
- ต้องการจัดเรียงที่ชื่อจังหวัดให้เป็นไปตามตัวอักษร ก-ข-ค-....
เมื่อต้องการจัดเรียงข้อมูลในตารางตามเงื่อนไขดังกล่าว สามารถทำได้ ดังนี้

ขั้นตอนการจัดเรียงข้อมูลด้วย Dreamweaver

1. เลือกที่ตารางที่ต้องการจัดเรียงข้อมูล
2. เมื่อเลือกได้แล้วให้ไปที่เมนู Commands แล้วเลือกที่เมนูย่อยที่หัวข้อ Sort Table... ดังรูป *Menu -> Commands -> Sort Table...

3. โปรแกรมจะเปิดหน้าต่าง Sort Table ให้เรากำหนดค่า ดังรูป ที่หน้าต่าง Sort Table นี้ให้ทำการกำหนดค่าต่าง ๆ ตามเงื่อนไขที่เราต้องการ เช่น
- Sort by : Column 3 *เนื่องจากเราต้องการจัดเรียงที่ชื่อจังหวัด
- Order : Alphabetically *เนื่องจากเป็นการจัดเรียงโดยใช้ตัวอักษร
- Ascending *เนื่องจากต้องการจัดเรียงจากตัวอักษร ก - ข - ค - .... หรือ A-Z

4. เมื่อกำหนดค่าต่าง ๆ ตามต้องการได้แล้ว กดที่ OK จะพบว่าข้อมูลในตารางมีการจัดเรียงข้อมูลตามต้องการแล้ว ดังรูป *มีการจัดเรียงตามชื่อจังหวัด ตามเงื่อนไขที่ได้กำหนดไว้ข้างต้นแล้ว