About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖

Go to Post-iT Sign Guestbook

ค้นหาข้อมูลใน DwThai.Com

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

เรื่อง : การจัดเรียงข้อมูลในตารางด้วย Dreamweaver (Sort Data on Table)

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

วิธีการจัดเรียงข้อมูลในตารางด้วย 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

Ascending คือ การเรียงข้อมูลจากน้อยไปหามาก เช่น 1 - 2 - 3 - .... หรือ A - Z เป็นต้น
Descending คือ การเรียงข้อมูลจากมากไปหาน้อย เช่น 100 - 99 - 98 -.... หรือ Z - A เป็นต้น

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

*มีการจัดเรียงตามชื่อจังหวัด ตามเงื่อนไขที่ได้กำหนดไว้ข้างต้นแล้ว

สำหรับ Option อื่น ๆ เป็นการเพิ่มประสิทธิภาพในการจัดเรียงให้ได้หลากหลายมากขึ้น เช่น ในส่วนของ Then by เป็นการเพิ่มเงื่อนไขรองที่จะใช้ในการจัดเรียงข้อมูล...อย่างไรลองศึกษากันดูครับ

About the Author

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com