ตัวสร้างตาราง HTML
สร้างตาราง HTML แบบภาพ
ตัวสร้างตาราง
ตัวอย่างตาราง
โค้ด HTML
ตัวอย่างการใช้งาน
ตารางข้อมูลง่าย
ตารางพื้นฐานพร้อมคอลัมน์ชื่อ อีเมล และบทบาท เหมาะสำหรับแสดงรายชื่อผู้ใช้หรือชุดข้อมูลง่ายๆ
ตารางราคา
ตารางราคาเปรียบเทียบฟีเจอร์พร้อมหลายระดับ เหมาะสำหรับหน้าผลิตภัณฑ์ SaaS และหน้า Landing
ตารางเปรียบเทียบ
ตารางเปรียบเทียบแบบเคียงข้างกันสำหรับประเมินตัวเลือก เหมาะสำหรับรีวิวผลิตภัณฑ์และการตัดสินใจ
คุณสมบัติ
ตัวแก้ไขแบบภาพ
คลิกที่เซลล์ใดก็ได้เพื่อแก้ไขเนื้อหาโดยตรง เพิ่มหรือลบแถวและคอลัมน์ด้วยปุ่มง่ายๆ
นำเข้า CSV
วางข้อมูล CSV หรือข้อมูลที่คั่นด้วยแท็บเพื่อเติมตารางอย่างรวดเร็วจากสเปรดชีตหรือฐานข้อมูล
ตัวเลือกสไตล์
กำหนดค่าขอบ แถวลายทาง เอฟเฟกต์ hover ความกว้าง และช่องว่างด้วยคลาสที่เข้ากันได้กับ Bootstrap
ความเป็นส่วนตัวมาก่อน
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณโดยใช้ JavaScript
วิธีใช้งาน?
สร้างตารางของคุณ
ตั้งจำนวนแถวและคอลัมน์ แก้ไขเนื้อหาเซลล์โดยตรง หรือนำเข้าข้อมูลจาก CSV ใช้ค่าตั้งต้นเพื่อเริ่มต้นอย่างรวดเร็ว
กำหนดค่าสไตล์
สลับแถวส่วนหัว แถวลายทาง ขอบ และเอฟเฟกต์ hover ปรับความกว้างตารางและช่องว่างเซลล์
คัดลอกโค้ด HTML
ดูตัวอย่างตารางแบบเรียลไทม์ จากนั้นคัดลอกโค้ด HTML ที่สร้างขึ้นและวางลงในเว็บไซต์ของคุณ
คำถามที่พบบ่อย
ตัวสร้างตาราง HTML คืออะไร?
เป็นเครื่องมือสร้างตารางแบบภาพ ที่คุณกำหนดแถวและคอลัมน์ พิมพ์ในเซลล์ แล้วคัดลอกโค้ด HTML ที่สะอาดไปใส่ในโปรเจกต์ได้เลย ไม่ต้องเขียนโค้ดเอง
คุณสมบัติหลัก
มีตัวอย่างสดที่อัปเดตขณะพิมพ์ นำเข้า CSV/TSV เพื่อดึงข้อมูลจากสเปรดชีตใดก็ได้ ตัวเลือกคลาส Bootstrap สำหรับแถวลายทาง ขอบ และเอฟเฟกต์ hover พร้อมคัดลอก HTML ได้ในคลิกเดียว
กรณีใช้งานทั่วไป
บล็อกเกอร์ใช้สร้างตารางเปรียบเทียบและตารางราคา นักพัฒนาใช้สร้าง markup สำหรับเอกสาร และนักการตลาดใช้สร้างตารางฟีเจอร์สำหรับหน้า Landing
เคล็ดลับสำหรับตารางที่ดีขึ้น
เปิดแถวส่วนหัวเพื่อการเข้าถึงที่ดี ใช้ไม่เกิน 6-7 คอลัมน์สำหรับเว็บมือถือ และห่อผลลัพธ์ด้วย div ที่มี overflow-x:auto สำหรับหน้าจอแคบ
ความเป็นส่วนตัวและความปลอดภัย
เครื่องมือทั้งหมดทำงานฝั่งไคลเอนต์ในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลด ไม่มีการจัดเก็บบนเซิร์ฟเวอร์ และไม่มีคุกกี้นอกเหนือจากการตั้งค่าสไตล์ของคุณ