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 ดาวน์โหลด