แปลง JSON เป็นตาราง HTML

ทำอะไรได้

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

วิธีใช้งาน

1. วาง JSON ลงในช่อง อินพุต อัปโหลดไฟล์ .json หรือคลิก ตัวอย่าง
2. มาร์กอัปตารางจะแสดงทางขวาขณะที่คุณพิมพ์ JSON ที่ไม่ถูกต้องจะถูกแจ้งพร้อมตำแหน่ง
3. ปิด รวมแถวหัวตาราง หากต้องการเฉพาะแถวข้อมูล
4. คัดลอก HTML หรือดาวน์โหลดเป็นไฟล์ .html

ตัวอย่าง

[
  { "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
  { "name": "Bob", "address": { "city": "Beijing" } }
]

จะได้ตารางที่มีคอลัมน์ name, address.city และ tags เซลล์ tags ของ Alice คือ admin; editor ส่วนของ Bob ว่างเปล่า

เคล็ดลับ

• หากต้องการแสดงการตอบกลับจาก API ให้วางการตอบกลับทั้งหมด หากมีหน้าตาแบบ {"items": [...]} แถวจะถูกดึงมาจาก items โดยอัตโนมัติ
• ใช้ตัวจัดรูปแบบ JSON ก่อน หากต้องการตรวจหรือแก้ JSON ก่อนแปลง