Bootstrap ตารางพื้นฐาน
พื้นฐาน Bootstrap ตารางมี padding แสงและวงเวียนแนวนอนเท่านั้น
.table ระดับเพิ่มจัดแต่งทรงผมพื้นฐานในตาราง:
ตัวอย่าง
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
แถวลาย
.table-striped คลาสเพิ่มม้าลายลายตาราง:
ตัวอย่าง
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
ตารางที่ล้อมรอบ
.table-bordered ชั้นเพิ่มเส้นขอบทุกด้านของตารางและเซลล์:
ตัวอย่าง
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
แถวเลื่อน
.table-hover ชั้นช่วยให้รัฐวางเมาส์เหนือแถวตาราง:
ตัวอย่าง
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
ตารางที่ควบแน่น
.table-condensed ระดับทำให้ตารางขนาดกะทัดรัดมากขึ้นโดยการตัดช่องว่างภายในเซลล์ในช่วงครึ่งปี:
ตัวอย่าง
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
การเรียนการสอนตามบริบท
เรียนบริบทสามารถใช้ในการแถวตารางสี ( <tr> ) หรือเซลล์ตาราง ( <td> ):
ตัวอย่าง
| Firstname | Lastname | |
|---|---|---|
| John | Doe | [email protected] |
| Mary | Moe | [email protected] |
| July | Dooley | [email protected] |
เรียนตามบริบทที่สามารถใช้:
| ชั้น | ลักษณะ |
|---|---|
.active | การใช้สีที่โฉบไปแถวของตารางหรือเซลล์ของตาราง |
.success | บ่งชี้ว่ามีการดำเนินการที่ประสบความสำเร็จหรือบวก |
.info | บ่งชี้ว่ามีการเปลี่ยนแปลงข้อมูลที่เป็นกลางหรือการกระทำ |
.warning | แสดงให้เห็นคำเตือนว่าอาจจำเป็นต้องให้ความสนใจ |
.danger | บ่งชี้ว่ามีการกระทำที่เป็นอันตรายหรือเชิงลบ |
ตารางที่ตอบสนองต่อ
.table-responsive ระดับสร้างตารางการตอบสนอง ตารางแล้วจะเลื่อนตามแนวนอนบนอุปกรณ์ขนาดเล็ก (ภายใต้ 768px) เมื่อดูในสิ่งที่มีขนาดใหญ่กว่า 768px กว้างไม่มีความแตกต่าง:
ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 » ออกกำลังกาย 6 »
สมบูรณ์ Bootstrap Table Reference Bootstrap Table Reference
สำหรับอ้างอิงที่สมบูรณ์ของการเรียนโต๊ะให้ไปที่เราสมบูรณ์ Bootstrap อ้างอิงตาราง