ตัวสร้างตาราง HTML

ได้ เลือกเซลล์ใน Excel หรือ Google Sheets คัดลอก แล้ววางในช่องนำเข้า CSV รูปแบบคั่นด้วยแท็บ (รูปแบบเริ่มต้นของสเปรดชีต) และรูปแบบคั่นด้วยจุลภาคทั้งสองใช้ได้ เครื่องมือจะตรวจจับตัวคั่นโดยอัตโนมัติและเติมข้อมูลในตาราง

มีสี่ปุ่มสลับ: แถวส่วนหัวเพิ่ม thead พร้อมสไตล์ตัวหนา แถวลายทางสลับสีพื้นหลังของแถว มีขอบเพิ่มเส้นขอบรอบทุกเซลล์ และเอฟเฟกต์ Hover ไฮไลท์แถวที่อยู่ใต้เคอร์เซอร์ คุณยังสามารถกำหนดความกว้างของตารางและช่องว่างภายในเซลล์ได้อีกด้วย

สี่ค่าตั้งต้น: ตารางง่าย (กริดข้อมูลพื้นฐาน 3 คอลัมน์), ตารางราคา (การเปรียบเทียบคุณสมบัติแบบสามระดับ), ตารางเปรียบเทียบ (ข้อดี/ข้อเสียแบบเคียงข้างกัน) และตารางเวลา (คอลัมน์เวลาและกิจกรรม) การเลือกค่าตั้งต้นจะเติมตารางด้วยข้อมูลตัวอย่างที่คุณสามารถแทนที่ด้วยข้อมูลของคุณเอง

ชื่อคลาสที่เข้ากันได้กับ Bootstrap: table, table-bordered, table-striped, table-hover HTML ที่สร้างขึ้นสามารถใส่ในโปรเจกต์ Bootstrap 4 หรือ 5 ได้โดยตรง หากคุณไม่ได้ใช้ Bootstrap ให้เพิ่ม CSS ของคุณเองที่กำหนดเป้าหมายชื่อคลาสเหล่านี้

ปุ่มคัดลอก HTML จะคัดลอกโค้ด HTML ของตารางไปยังคลิปบอร์ด ผลลัพธ์เป็น HTML ที่สะอาดและเรียบง่าย — เพียงแค่องค์ประกอบ table พร้อมแท็ก thead, tbody, tr, th และ td — พร้อมวางในไฟล์ HTML หรือ CMS ใดก็ได้

ห่อตารางที่คัดลอกไว้ใน div ที่มี style="overflow-x: auto;" ก่อนวาง วิธีนี้จะเพิ่มแถบเลื่อนแนวนอนบนหน้าจอขนาดเล็กแทนที่จะทำให้เลย์เอาต์เสีย สำหรับผู้ใช้ Bootstrap การห่อด้วย <div class="table-responsive"> ให้ผลลัพธ์เดียวกัน

ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณด้วย JavaScript ไม่มีการเรียกเซิร์ฟเวอร์ ไม่มีการอัปโหลด ไม่มีการติดตาม ข้อมูลที่คุณพิมพ์ในเซลล์จะอยู่บนอุปกรณ์ของคุณ