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


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

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

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

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



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




คำสำคัญ (Tags): #ิbootstrap
หมายเลขบันทึก: 590230เขียนเมื่อ 14 พฤษภาคม 2015 17:21 น. ()แก้ไขเมื่อ 14 พฤษภาคม 2015 17:21 น. ()สัญญาอนุญาต: ครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-ไม่ดัดแปลง


ความเห็น (0)

ไม่มีความเห็น

สงวนลิขสิทธิ์ © 2005-2021 บจก. ปิยะวัฒนา
และผู้เขียนเนื้อหาทุกท่าน
ขอแนะนำ ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี