First Step BS : 05 การสร้างตาราง BootStrap

การสร้างตารางด้วยภาษา html จะใช้แท็ก table แล้วกำหนดภายในทีละแถวด้วยแท็ก tr
และแบ่งการแสดงผลแต่ละคอลัมน์ด้วย td เราสามารถใช้ bootstrap ช่วยสร้างตารางที่สามารถปรับขนาดได้อัตโนมัติมีรูปแบบการทำงานดังจะนำเสนอต่อไปนี้

1.การสร้างตาราง

สร้างเอกสาร html โดยกำหนดให้เป็นเอกสาร html 5 กำหนดวิวพอร์ท และลิ้ง bootstrap เข้ามาเช่นเดียวกับโพสแรกที่ได้นำเสนอไปแล้ว

ภายในแท็กบอดี้ และภายในแท็กคลาสคอนเทนเนอร์ เราจะสร้างตารางผลการเรียนของนักศึกษา ประกอบด้วย 3 คอลัมน์ และมีข้อมูลจำนวนสามรายการดังภาพด้านล่างนี้



คลิกที่นี่เพื่ออ่านต่อ




บันทึกนี้เขียนที่ GotoKnow โดย  ใน บันทึก IT



ความเห็น (0)