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

บทความอื่นที่คุณอาจสนใจ

สร้างโปรแกรมอ่าน RSS ด้วย Dreamweaver ตอนที่ 2

เรื่อง : สร้างโปรแกรมอ่าน RSS/XML ด้วย Dreamweaver ตอนที่ 2 หลังจากในตอนที่ 1 ของบทความได้แนะนำกล่าวถึงการกำหนดค่าต่าง ๆ เพ...

การทำ Refresh/Redirect ให้ Web Browser ด้วย Dreamweaver

เรื่อง : สั่งให้ Web Browser ทำการ Refersh หรือ Redirect ตัวเอง ใบบางครั้งเรามีความจำเป็นต้องทำการ Refresh ...

สร้างระยะเยื้องให้บรรทัดแรกของข้อความย่อหน้า (text-indent)

เรื่อง : สร้างระยะเยื้องให้บรรทัดแรกของย่อหน้าด้วย Dreamweaver หลายท่านคงมีปัญหา เมื่อทำการพิมพ์ข้อความที่เป็นเนื้อหาของห...

การสร้างข้อความในแบบ Tooltip กับ Dreamweaver (Spry Tooltip, CS Only)

เรื่อง : การสร้างข้อความแบบ Tooltip ด้วยโปรแกรม Dreamweaver *บทความนี้เฉพาะโปรแกรม Dreamweaver เวอร์ชั่น CS5, CS6 สำหรับ CC ไม่มีให้เรียกใ...