jQuery Mobile Table Reflow

JQUERY MOBILE:TABLE (REFLOW) How to: 1. Download HP Reveal App 2. Scan QR Code with Line or Search “ iceadison “ 3. Scan picture 1

JQUERY MOBILE :TABLESReflow Table คือ การปรับการไหลของ ข้ อมูลในตารางอย่างอัตโนมัติตามขนาดของ พืน้ ที่ท่ีพอดีกับข้อมูลมากท่ีสุด ซึ่งหากพืน้ ท่ี พอจะแสดงในลักษณะตารางแนวนอน (คอลัมน์ อยู่ด้านบน) แต่หากพืน้ ท่ีน้ อยจะปรับการ แสดงผล เป็ นตารางแนวตัง้ (คอลัมน์อยู่ ด้ า น ซ้ า ย ) 2

JQUERY MOBILE :TABLESนี่คือ AR ท่ีแสดงการทางานของ Table Reflow ในโทรศัพท์มือถือ 3

JQUERY MOBILE :TABLES 1. Reflow Table ใชค้ ำส่ัง <table data-role=\"table\" class=\"ui- responsive\"> ส่วนประกอบท่ีสำคัญในกำรท ำตำรำง คือ <table data-role=\"table\" class=\"ui- responsive\"> </table> คือ Tag สำหรับระบุ ตำรำง 1 ตำรำง <thead> มำจำกคำว่ำ Table Head คือ กำร กำหนดเซ็ตคอลัมน์ของขอ้ มูลน่ั นเอง (Column) <th> มำจำกคำว่ำ Table Head แต่ต่ำงจำก <thead> คือ <th> จะเป็ นกำรกำหนดหัวขอ้ ย่อยๆ แต่ละคอลัมน์นั่ นเอง <tbody> มำจำกคำว่ำ Table Body คือ กำรก ำหนดส่วนของขอ้ มูล <tr> คือ Table Row หรือแถวของขอ้ มูล ซ่ึง <tr> จะครอบ <td> เสมอ <td> คือ Table Data หรือ Cell ขอ้ มูล (Data Cell) ซึ่งอยู่ภำยใต ้ <tr> เสมอ 4

JQUERY MOBILE :TABLESน่ีคือตัวอย่างการสร้ าง TABLE 5

JQUERY MOBILE :TABLESน่ีคือวิธีการทา TABLE REFLOW 6

แบบประเมินการนาเสนอ AR-BOOK 7