JSON เป็นตาราง HTML
แปลง JSON อาร์เรย์ของออบเจ็กต์เป็นตาราง HTML แต่ละคีย์จะกลายเป็นส่วนหัวของคอลัมน์
JSON ป้อนเข้า (อาร์เรย์)
→
ผลลัพธ์ HTML
เกี่ยวกับเครื่องมือนี้
ตัวแปลง JSON เป็นตาราง HTML แปลงอาร์เรย์ JSON ของออบเจกต์เป็นตาราง HTML ที่มีโครงสร้างสมบูรณ์
ผลลัพธ์คือ HTML <table> ที่เรียบง่ายพร้อม thead และ tbody ที่สามารถวางลงในเอกสาร HTML ได้โดยตรง
วิธีใช้งาน
- วางอาร์เรย์ JSON ของออบเจกต์ลงในพื้นที่ป้อนเข้าหรือคลิกตัวอย่าง
- คลิกแปลงเพื่อสร้างตาราง HTML
- สลับดูตัวอย่างเพื่อดูตารางที่แสดงผลหรือ HTML ดิบ
- คลิกคัดลอก HTML เพื่อคัดลอกมาร์กอัปตารางไปยังคลิปบอร์ด
กรณีการใช้งาน
นักพัฒนา frontend แสดงข้อมูลการตอบสนอง API เป็นตาราง HTML อย่างรวดเร็ว
คำถามที่พบบ่อย
- ต้องการโครงสร้าง JSON แบบใด? — อินพุตต้องเป็นอาร์เรย์ของออบเจกต์ ไม่รองรับอาร์เรย์ค่าพื้นฐานหรือออบเจกต์เดี่ยว
- จะเกิดอะไรขึ้นหากออบเจกต์มีคีย์ต่างกัน? — คีย์ที่ไม่ซ้ำกันทั้งหมดจะถูกรวบรวมเป็นคอลัมน์ ออบเจกต์ที่ขาดคีย์จะสร้างเซลล์ว่าง
- ผลลัพธ์ HTML ปลอดภัยหรือไม่? — ใช่ ค่าเซลล์ทั้งหมดถูก HTML-escape เพื่อป้องกัน XSS