0

เครื่องมือสร้างตาราง HTML

สร้างตาราง HTML ด้วยการคลิกเซลล์และพิมพ์ข้อมูล — ได้โค้ดตารางที่ถูกต้องตามหลัก semantic พร้อมตัวอย่างแสดงผลสด ๆ ไม่ต้องพึ่งการวางข้อมูลหรือการแปลงรูปแบบใด ๆ

🔒 ประมวลผลทั้งหมดในเบราว์เซอร์ของคุณ — ไม่มีการอัปโหลดสิ่งใดที่คุณป้อนที่นี่

ล้อมตารางไว้ในคอนเทนเนอร์แบบเลื่อนได้ เพื่อให้ตารางแบบกว้างไม่ทำให้เค้าโครงหน้าเสียหายบนหน้าจอแคบ
กำลังประมวลผล... 0%

ผลลัพธ์

นี่คือเครื่องมือสร้างตารางแบบมองเห็น ไม่ใช่ตัวแปลงข้อมูล — คุณคลิกเซลล์ในตารางคล้ายสเปรดชีตและพิมพ์ข้อมูลของคุณโดยตรง แทนที่จะวางรูปแบบหนึ่งแล้วได้อีกรูปแบบหนึ่ง หากคุณมีข้อมูลเป็น CSV, TSV, ตาราง HTML, ตาราง Markdown หรือ JSON อยู่แล้ว และต้องการเปลี่ยนเป็นรูปแบบอื่นในกลุ่มนี้ ตัวแปลงตารางสำนักงานบนเว็บนี้ก็ทำการแปลงได้ในคลิกเดียว หากคุณต้องการสร้างตาราง Markdown ด้วยวิธีมองเห็นแบบเดียวกัน เครื่องมือสร้างตาราง Markdown ก็มีให้ใช้งานคู่กัน

ทุกการคลิกและพิมพ์จะเขียน HTML ที่ถูกต้องตามหลัก semantic ใหม่แบบเรียลไทม์: เพิ่มหรือลบแถวและคอลัมน์, กำหนดแถวแรกเป็นหัวตาราง, แล้วแท็ก thead, tbody, tr, th และ td ก็อัปเดตทันทีในช่องผลลัพธ์ใต้ตาราง ถัดจากตัวอย่างแสดงผลสดของตารางที่คุณกำลังสร้าง

ช่องทำเครื่องหมายสามช่องครอบคลุมสไตล์ที่คนต้องการจริง ๆ ได้แก่ แถบสีสลับเพื่อให้อ่านง่าย, เส้นขอบทุกเซลล์, และกรอบเลื่อนดูแนวนอนสำหรับมือถือเพื่อให้ตารางกว้างเลื่อนแทนที่จะทำให้หน้าพังบนมือถือ เปิดช่องใดก็ได้ แล้วเครื่องมือจะเขียน CSS จริงที่พร้อมใช้งานให้ — ไม่ใช่แค่สลับมุมมอง — ดังนั้น HTML ที่คุณคัดลอกจึงเป็นชิ้นส่วนอิสระอย่างแท้จริง วางที่ไหนก็ใช้ได้