Bootstrap - การสาธิตตาราง
Bootstrap จัดเตรียมเค้าโครงที่สะอาดสำหรับการสร้างตาราง องค์ประกอบตารางบางส่วนที่สนับสนุนโดย Bootstrap ได้แก่ -
| ซีเนียร์ | แท็กและคำอธิบาย |
|---|---|
| 1 | <table> การตัดองค์ประกอบสำหรับการแสดงข้อมูลในรูปแบบตาราง |
| 2 | <thead> องค์ประกอบคอนเทนเนอร์สำหรับแถวส่วนหัวของตาราง (<tr>) เพื่อติดป้ายชื่อคอลัมน์ของตาราง |
| 3 | <tbody> องค์ประกอบคอนเทนเนอร์สำหรับแถวตาราง (<tr>) ในเนื้อหาของตาราง |
| 4 | <tr> องค์ประกอบคอนเทนเนอร์สำหรับชุดเซลล์ตาราง (<td> หรือ <th>) ที่ปรากฏในแถวเดียว |
| 5 | <td> เซลล์ตารางเริ่มต้น |
| 6 | <th> เซลล์ตารางพิเศษสำหรับป้ายชื่อคอลัมน์ (หรือแถวขึ้นอยู่กับขอบเขตและตำแหน่ง) ต้องใช้ภายใน <thead> |
| 7 | <caption> คำอธิบายหรือสรุปสิ่งที่ตารางมี |
| ตัวอย่าง | คำอธิบาย | ลิ้งค์ดาวน์โหลด |
|---|---|---|
| ซื้อโต๊ะ | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างตารางซื้อใน Bootstrap | ดาวน์โหลด |
| ตารางแผน | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างตารางแผนใน Bootstrap | ดาวน์โหลด |
| โต๊ะพร้อมแกลเลอรี | ตัวอย่างนี้ระบุเกี่ยวกับโครงสร้างตารางแกลเลอรีใน Bootstrap | ดาวน์โหลด |