About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%88%E0%B8%B1%E0%B8%94%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%87%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5%E0%B9%83%E0%B8%99%E0%B8%95%E0%B8%B2%E0%B8%A3%E0%B8%B2%E0%B8%87 %28Sort Table%29 %E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2 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

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



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

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

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

การลบ Tag/Code ของ HTML ที่ไม่จำเป็นออก (Clean up HTML)

เรื่อง: ลบ Tag/Code ของ HTML ที่ไม่จำเป็นออกจาก Source Code บางครั้งการสร้าง Web Page โดยใช้โปรแกรม Dreamweaver ตัวโปรแ...  

ซ่อน URL บน Address Bar

เรื่อง :: ซ่อน URL บน Address Barมีผู้สอบมามากมายว่าจะทำอย่างไรให้ URL บน Address Bar คงที่อยู่ตลอดเวลา โดยไม่เปลี่ยนแปลงไ...  

สร้าง Popup Menu ด้วย Spry Menu Bar (CS Only)

เรื่อง : การสร้างเมนูเว็บไซต์ด้วย Spry Menu Bar *Dreamweaver CC ไม่มีให้ใช้ครับ Spry เป็น Framework...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*