About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





ค้นหาข้อมูลใน 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

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



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

Dreamweaver กับข้อมูล XML

เรื่อง : Dreamweaver กับการใช้งานข้อมูลในรูปแบบ XML ความสามารถหนึ่งที่ Dreamweaver ในเวอร์ชั่น CS3 ที่มีมาให้ด้วย คือ ควา...  

จัดรูปแบบบโค้ดด้วย Apply Source Formatting

เรื่อง : จัดรูปแบบบโค้ดด้วย Apply Source Formattingใครที่ชอบเขียนโค้ดด้วยโปรแกรม Dreamweaver อาจจะพบปัญหาที่ว่า พอเขียนโค้...  

ตรวจเช็คข้อมูลในฟอร์มก่อนส่งไปประมวลผล (Form Validation)

เรื่อง : การทำ Form Validation ด้วยโปรแกรม Dreamweaver เว็บโปรแกรมเมอร์ที่ต้องทำการเขียนโปรแกรมต่าง ๆ บนเว็บ มักต้องการเข...  

วิธีเปลี่ยน CSS Designer ใน Dreamweaver CC เป็น CSS Styles Panel ในแบบดั่งเดิม

เรื่อง: เปลี่ยน CSS Designer ใน Dreamweaver CC เป็น CSS Styles Panel แบบ CS6 การใช้ CSS...  


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

*
*
*