TL
Tool Lab
💰Donate
💰Donate

JSON เป็นตาราง HTML

แปลง JSON อาร์เรย์ของออบเจ็กต์เป็นตาราง HTML แต่ละคีย์จะกลายเป็นส่วนหัวของคอลัมน์

JSON ป้อนเข้า (อาร์เรย์)
ผลลัพธ์ HTML

เกี่ยวกับเครื่องมือนี้

ตัวแปลง JSON เป็นตาราง HTML แปลงอาร์เรย์ JSON ของออบเจกต์เป็นตาราง HTML ที่มีโครงสร้างสมบูรณ์

ผลลัพธ์คือ HTML <table> ที่เรียบง่ายพร้อม thead และ tbody ที่สามารถวางลงในเอกสาร HTML ได้โดยตรง

วิธีใช้งาน

  1. วางอาร์เรย์ JSON ของออบเจกต์ลงในพื้นที่ป้อนเข้าหรือคลิกตัวอย่าง
  2. คลิกแปลงเพื่อสร้างตาราง HTML
  3. สลับดูตัวอย่างเพื่อดูตารางที่แสดงผลหรือ HTML ดิบ
  4. คลิกคัดลอก HTML เพื่อคัดลอกมาร์กอัปตารางไปยังคลิปบอร์ด

กรณีการใช้งาน

นักพัฒนา frontend แสดงข้อมูลการตอบสนอง API เป็นตาราง HTML อย่างรวดเร็ว

คำถามที่พบบ่อย

  • ต้องการโครงสร้าง JSON แบบใด?อินพุตต้องเป็นอาร์เรย์ของออบเจกต์ ไม่รองรับอาร์เรย์ค่าพื้นฐานหรือออบเจกต์เดี่ยว
  • จะเกิดอะไรขึ้นหากออบเจกต์มีคีย์ต่างกัน?คีย์ที่ไม่ซ้ำกันทั้งหมดจะถูกรวบรวมเป็นคอลัมน์ ออบเจกต์ที่ขาดคีย์จะสร้างเซลล์ว่าง
  • ผลลัพธ์ HTML ปลอดภัยหรือไม่?ใช่ ค่าเซลล์ทั้งหมดถูก HTML-escape เพื่อป้องกัน XSS