วิธีการสร้าง: ตารางที่ตอบสนองทันที

เรียนรู้ว่าจะสร้างตารางที่ตอบสนองทันที

ตารางที่ตอบสนองทันที

ถ้าหน้าตัวเครื่องเล็กเกินไปไม่สามารถแสดงทั้งหมดได้ ตารางที่ตอบสนองทันทีจะแสดงสไตร์โหลดนอร์ท-ซี

ปรับขนาดหน้าตัวเครื่องเพื่อดูผลลัพธ์:

First Name	Last Name	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points	Points
Jill	Smith	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50
Eve	Jackson	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94
Adam	Johnson	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67

เพื่อสร้างตารางที่ตอบสนองทันที ให้เพิ่มองค์ประกอบที่มี overflow-x:auto ขององค์ประกอบตัวแทน:

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

注意：ใน OS X Lion (Mac บน) สไตร์โหลดซ้ำไปโดยเริ่มต้น และแสดงขึ้นเมื่อใช้งาน (แม้ว่าจะตั้งค่า "overflow:scroll" หรือ auto ก็ตาม)